style.css

body {
  background-color: #444;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.playAreaContainer {
  display: grid;
  grid-template-columns: repeat(40, 1fr);
  width: 600px;
  height: 600;
  box-shadow: 7px 7px 0px 0px #00d1cd;
}

.row {
  height: 13px;
  width: 13px;
  border-style: solid;
  border-width: 1px;
  border-color: #0000002e;
  background: #eaeaea;
}

.occupiedSnake {
  background-color: #444444;
}

.occupiedFood {
  background-color: #00d1cd;
}


h1 {
  color: #eaeaea;
  margin: 42px;
  font-size: 2.5em;
  font-style: normal;
}

#score {
  color: #eaeaea;
  margin-top: 25px;
}

#restartButton {
  margin-top: 30px;
  background: #00d1cd;
  border: none;
  padding: 20px 65px;
  box-shadow: 7px 7px 0px 0px #00d1cd;
  background: #eaeaea;
  color: #444;
  font-weight: bold;
}