* {
  padding: 0;
  margin: 0;
}

.body {
  background: url("snakebackground.png");
  min-height: 100vh;
  background-size: 100vw 100vh;
  background-repeat: no-repeat;
  display: flex;
  
  align-items: center;
  justify-content: center;
  
}

#scoreBox{
   position: absolute;
    top: 9px;
    right: 5%;
    font-size:30px;
    color:white;
    font-weight: bold;
    font-family: 'New Tegomin', serif;
}
#hiscoreBox{
    position: absolute;
    top: 59px;
    right: 5%;
    font-size: 30px;
    color:white;
    font-weight: bold;
    font-family: 'New Tegomin', serif;
}
  
#board {
  background: #93cb22;
  width: 90vmin;
  height: 92vmin;
  border: 2px solid rgb(16, 222, 64);
  border-radius: 5px;
  display: grid;
  grid-template-rows: repeat(18, 1fr);
  grid-template-columns: repeat(18, 1fr);
}

.snake {
  background: #1e6be3;
   transform: scale(1.02);
    border-radius: 3px;
}

.head {
  background: #022cff;
    border-radius: 3px;
}

.food {
  background: #e4312d;
    border-radius: 3px;
}