*{
    margin: 0;
    padding: 0; 
   }
   
   .body{
       background: url("Snake.jpg");
       min-height:100vh;
       background-size: 100vw 100vh;
       background-repeat: no-repeat;
       display: flex;
       justify-content: right;
       align-items: center;
   }
   
   #scoreBox{
       position: absolute;
       top: 10px;
       left: 20px;
       font-size: 40px;
       font-weight: bold;
       color: aquamarine;
   }
   
   #hiscoreBox {
       position: absolute;
       top: 45px;
       left: 20px;
       font-size: 40px;
       font-weight: bold;   
       color: aquamarine;
   }
   #board{
       top: 100px;
       right: 100px;
       background-color: rgb(197, 222, 147);
       width: 90vmin;
       height: 92vmin;
       border: 2px solid black;
       display: grid;
       grid-template-columns:repeat(18,1fr) ;
       grid-template-rows:repeat(18,1fr) ;
   }
   
   .head{
       background-color: red;
   }
   .snake{
       background-color: yellow;
   }
   .food{
       background-color: blue;
   }