.game-tile {
  /* background-image: url(../images/tile-image.jpeg); */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Standard syntax */

  box-shadow: 0.1vh 0.1vh 1.3vh white inset, -0.3vh 0.3vh 1.3vh;
  font-family: "Lato", sans-serif;
  filter: brightness(130%);
  position: relative;
  cursor: pointer;
  height: 84%;
  width: 21%; /* this should always be a fourth of the height */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25%;
  font-size: 4.2vh;
  text-shadow: 0px 0.5px white;
}

.inner-game-tile {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}

/* this is more or less the tile that I'm going for on the found game tile */
.found-inner-game-tile {
  background-color: rgba(0, 230, 65, 0.45);
  box-shadow: white -1px 3px 10px;
}

.found-game-tile {
  filter: brightness(1) saturate(8.5) sepia(0.5) hue-rotate(90deg) contrast(0.9);
  box-shadow: 0.1vh 0.1vh 0.3vh white inset, white -1px 3px 10px;
}

.dead-game-tile {
  filter: brightness(70%) !important;
  color: white;
}

.piece-0-0 {
  background-image: url(../images/piece_0_0.jpg);
}
.piece-0-1 {
  background-image: url(../images/piece_0_1.jpg);
}
.piece-0-2 {
  background-image: url(../images/piece_0_2.jpg);
}
.piece-0-3 {
  background-image: url(../images/piece_0_3.jpg);
}
.piece-1-0 {
  background-image: url(../images/piece_1_0.jpg);
}
.piece-1-1 {
  background-image: url(../images/piece_1_1.jpg);
}
.piece-1-2 {
  background-image: url(../images/piece_1_2.jpg);
}
.piece-1-3 {
  background-image: url(../images/piece_1_3.jpg);
}
.piece-2-0 {
  background-image: url(../images/piece_2_0.jpg);
}
.piece-2-1 {
  background-image: url(../images/piece_2_1.jpg);
}
.piece-2-2 {
  background-image: url(../images/piece_2_2.jpg);
}
.piece-2-3 {
  background-image: url(../images/piece_2_3.jpg);
}
.piece-3-0 {
  background-image: url(../images/piece_3_0.jpg);
}
.piece-3-1 {
  background-image: url(../images/piece_3_1.jpg);
}
.piece-3-2 {
  background-image: url(../images/piece_3_2.jpg);
}
.piece-3-3 {
  background-image: url(../images/piece_3_3.jpg);
}