* {
     margin: 0px;
     padding: 0px;
     overflow: hidden;
     font-family: "Trebuchet MS", Helvetica, sans-serif;
}

canvas {
     position: fixed;
     top: 0px;
     right: 0px;
}


img {
     overflow: hidden;
}

body {
     background-color: rgb(51, 153, 255);
}

#pathCanvas {
     z-index: 20;
}

#drawCanvas {
     z-index: 50;
}

#imgWrapper {
     z-index: 70;
     position: fixed;
     overflow: hidden;
}

#mainWrapper {
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: fixed;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     background-color: rgb(51, 153, 255);
     z-index: 1000;
}

#gui {
     z-index: 100;
     position: fixed;
     top: 0px;
     right: 0px;
     text-align: right;
     background-color: rgba(0, 0, 0, 0.5);
     padding: 20px;
     color: white;
}

#gui label {
     display: inline-block;
     width: 120px;
}

#gui div {
     display: block;
     margin-top: 6px;
     margin-bottom: 6px; 
}

#buttonsWrapper {
     display: block;
     padding-top: 20px;
}

h1 {
     position: fixed;
     top: 0px;
     left: 0px;
     display: block;
     cursor: pointer;
     color: white;
}

h1:hover {
     text-decoration: underline;
}