#mazeBoard {
  margin-top: 1rem;
  width: fit-content;
  height: fit-content;
  border: 1px solid black;
}

.maze-row {
  display: flex;
}

.maze-cell {
  width: 1rem;
  height: 1rem;
  border: 0.5px solid black;
}

#me {
  background: url('../assets/bananeko.gif');
  background-size: contain;
  width: 1rem;
  height: 1rem;
}

.goal {
  background-image: linear-gradient(217deg,
      rgb(255 127 127 / 90%),
      rgb(255 0 0 / 0%) 70%),
    linear-gradient(127deg, rgb(127 255 127 / 90%), rgb(0 255 0 / 0%) 70%),
    linear-gradient(336deg, rgb(127 127 255 / 90%), rgb(0 0 255 / 0%) 70%);
}

.a-star-red {
  background-color: rgba(255, 127, 127);
}

.a-star-green {
  background-color: rgba(127, 255, 127);
}

.a-star-blue {
  background-color: rgba(127, 127, 255);
}