body{
height: 100%;
width: 100%;


}

#buttons{

width:100%;
height:10%;
min-width: 100%;
min-height: 100px; 
border: 5px solid rgb(198, 198, 228);
background-color: lavender;
font-family: cursive;
border-bottom-right-radius: 20px;
border-bottom-left-radius:20px ;

}
#can{
width: 100%;
border: 5px solid rgb(70, 66, 66);
overflow-x: auto;
overflow-y: auto;

height: 90%;
min-width: 100%;
 min-height:900px; 

border-top-right-radius: 20px;
border-top-left-radius:20px ;
}

 dialog{
border-radius: 20px;
border: 0;
background-color: teal;

}
#add_shape_open{
    border-radius: 20px;
border: 0;
margin:10px;
background-color: teal;
color: white;
height: 50px;
width:50px




}
.add_shape_close{
    border-radius: 20px;
border: 0;
margin:10px;
background-color: white;
color: teal;




}
#add_shape_modal label{
 color: white;
 font-family:sans-serif;


}
input {

border-radius: 20px;
border: 0;


}
#context_menu_modal{
width:25rem;
height:20rem;

}
#context_menu_cancel{
    float: right;
}
#context_menu_element_headding, #edit_element_headding{
color : white;
font-family:cursive;

}