* {
         margin: 0;
         padding: 0;
         pointer-events: none;
         cursor: crosshair;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
     }

     html,
     body {
         font-family: 'courier';
         font-size: 16px;
         background-color: #f5f6f3;
         color: #999999;
         min-width: 100vw;
         max-width: 100vw;
         min-height: 100vh;
         max-height: 100vh;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         overflow: hidden;
     }

     :root {
         --wasd: min(100vw, 100vh);
     }

     #cd_canvas {
         background-color: transparent;
         position: absolute;
         z-index: 1;
         min-width: var(--wasd);
         min-height: var(--wasd);
         max-width: var(--wasd);
         max-height: var(--wasd);
         pointer-events: all;
         /* border-radius: var(--wasd); */
     }