body, html {
overflow: hidden;
font-family: "Arial";
}
.levelbuttons{
display:inline-block;
background: lightsteelblue;
color:black;
width:40px;
height:40px;
line-height:40px;
border-radius:20px;
box-shadow:lightgray 2px 2px 2px;
cursor:pointer;
}
.levelbuttons:hover{
background:cornflowerblue;
color:white;
}
.levelbuttonsapplied{
display:inline-block;
background: salmon;
color:white;
width:40px;
height:40px;
line-height:40px;
border-radius:20px;
}
.searchButton {
width: 30%;
border: 1px solid #00B4CC;
background: #00B4CC;
text-align: center;
color: #fff;
border-radius: 0 5px 5px 0;
cursor: pointer;
font-size: 20px;
}
.searchbar {
border-radius: 25px;
border: 2px solid #8E8E8E;
padding: 10px;
text-align: center;
width: 80%;
}
#protractordisplayheader:hover{
cursor:grab;
}
#protractordisplayrotate:hover{
cursor:pointer;
}
#rulerdisplayheader:hover{
cursor:grab;
}
#rulerdisplaypivotruler:hover, #rulerdisplaypivotrulerb:hover{
cursor:pointer;
}
#compasshandtool:hover, #compasspentool:hover, #compasspintool:hover{
cursor:grab;
}
.disable-dbl-tap-zoom {
touch-action: manipulation;
}
h1.shadowwhite, .shadowwhite {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
section {
padding: 0 0 80px 0;
}