#game-play-side {
  flex-grow: 4;
  height: 225px;
  z-index: 1;
  border: 1px solid whitesmoke;
  border-width: 1px 0px 1px 1px;
  border-radius: 10px 0% 0% 10px;
  display: grid;
  margin-left: 10px;
}

.score-side {
  flex: 1;
  flex-direction: column;
  justify-content: start;
  width: 320px;
  height: 175px;
  z-index: 1;
  border: 1px solid whitesmoke;
  border-radius: 0% 10px 35px 0%;
  margin-right: 10px;
  padding-top: 50px;
}

#score-text,
.score-title {
  font-family: sans-serif;
  font-size: 16.5px;
  color: whitesmoke;
  margin: 3px;
}

.cell {
  border: 1px solid #fafafa;
  background-color: rgba(15, 15, 15, 0.45);
}

.head-cell {
  border: 1px solid black;
  background-color: azure;
  opacity: 0.75;
}

.body-cell {
  border: 1px dotted black;
  background-color: yellowgreen;
  opacity: 0.75;
}

.apple-cell {
  border: 1px solid olivedrab;
  background-color: crimson;
  opacity: 0.75;
}