* {
   margin : 0;
   padding: 0;
}

html {
   width    : 99%;
   height   : 99%;
   /* border: 1px solid green; */
}

canvas {
   cursor   : crosshair;
   display  : block;
   width    : 100%;
   /* border: 1px solid blue; */
}

input {
   width                        : 250px;
   height                       : 2rem;
   line-height                  : 40px;
   position                     : absolute;
   bottom                       : 3px;
   left                         : calc(50% - 125px);
   color                        : transparent;
   font-size                    : 2rem;
   font-family                  : arial;
   text-align                   : center;
   border                       : none;
   background                   : none;
   /* border                    : 1px solid white; */
}

input::placeholder {
   border: none;
}

input:focus {
   border: none;
   color : lightgray
}

input:blank {
   border: none;
}

input:placeholder-shown {
   border: none;
}

input:read-write {
   border: none;
}