body {
  margin: 0;
  background-color: #080808;
  min-height: 100vh;
  padding: 0;
}

.header {
  text-align: center;
  padding: 25px;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.h-100v {
  min-height: 100vh;
  padding: 25px;
}
.h-av {
  min-height: calc(100vh - 80px);
}
.grid-box {
  width: 400px;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  border: 2px solid red;
  margin: 0 auto;
  flex-direction: row;
  box-sizing: content-box;
}

.grid-box div {
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  /* outline: 0.00001px solid #eee; */
}

.body-bg {
  color: #d3d3d3;
  background-color: #080808;
}

.snake {
  background-color: rgb(165, 158, 158);
}
.head {
  background-color: #fdfcfc;
}
.tail {
  background-color: #474545;
}

.apple {
  background-color: rgb(36, 233, 10);
}