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

body {
   font-size: 24px;
   font-family: "Times New Roman", Times, serif;
   background-color: cadetblue;
   color: black;
   height: 100vh;
   width: 100vw;
}

#canvas1 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-width: 98%;
   max-height: 98%;
   background-color: black;
}