body {
    background: #eeeeee;
 }
 #fontSelectDiv {
    position: absolute;
    left: 5px;
    top: 0px;
    cursor:move;
    display:block;
    background:rgb(175,175,175);
    height:50px;
    display:auto;
 }
 #fontSelectDivheader {
   padding: 0px;
   cursor: move;
   z-index: 10;
   background-color: #808080;
   color: white;
 }
 #close-fontSelectDiv{
   position:absolute;
   cursor:pointer;
   top:0px;
   right: 0px;
   height: 15px;
   width: 15px;
   background-color:red;
 }
#menu-button{
   position:absolute;
   left:37%;
   top:0px;
   background-color:rgb(0,100,255);
   z-index:10;
   width:20px;
   height:20px;
}
 
#clear-button{
   position:absolute;
   left:39%;
   top:0px;
   background-color:rgb(255,100,0);
   z-index:10;
   width:20px;
   height:20px;
}
 #div_canvas{
    display:flex;
    align-items:center;
 }
 #canvas {
    background: rgb(200,200,200);
    cursor: arrow;
    width:40%;
    height:100%;
    /*margin-left: 10px;
    margin-top: 10px;
    -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 8px rgba(0,0,0,0.5);*/
 }
 #canvas1 {
    background: rgb(225,225,225);
    cursor: arrow;
    width:60%;
    height:100%;
    /*margin-left: 10px;
    margin-top: 10px;
    -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 8px rgba(0,0,0,0.5);*/
 }