*, *::before, *::after {
   box-sizing: border-box;
}

body {
   margin: 0;
   width: 100vw;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgb(29, 19, 13);
   background-color: rgb(97, 81, 72);
}

section {
   position: relative;
   width: 100%;
   height: 80%;
   background-color: rgba(255,255,255,0.1);
   background-color: rgba(0,0,0,0.1);
   -webkit-user-select: none;
   user-select: none;
}

canvas {
   width: 100%;
   height: 100%;
   touch-action: none;
   cursor: crosshair;
}


.info {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0.5em;
   font-size: 2em;
   color: white;
}
.controls {
   position: absolute;
   top: 0;
   right: 0;
}