body {
     display: flex;
     flex-direction: column;
     align-items: center;
     /* horizontal centre */
     justify-content: center;
     /* vertical centre   */
     min-height: 100vh;
     /* fill whole viewport */
     margin: 0;
     background: #f0f4f8;
     font-family: Arial, Helvetica, sans-serif;
   }

   #headerContainer {
     position: relative;
     width: 200%;
     max-width: 100vh;
     height: 57px;
     display: flex;
     align-items: center;
     /* vertical alignment */
     justify-content: center;
     /* center h3 horizontally */
     box-sizing: border-box;
   }

   #home {
     position: absolute;
     left: -210px;
     top: 228px;
   }



   canvas {
     background: #fff;
     border: 2px solid #555;
   }

   button {
     margin-top: 10px;
     padding: 5px 10px;
     font-size: 16px;
     cursor: pointer;
     width: 405px;
   }

   #scoreBoard {
     margin-top: 5px;
     font-size: 18px;
   }