body {
  font-family: 'consolas';
}
.container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.container #gameover-screen,
.container #win-screen,
.container #restart-screen {
  position: absolute;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3em;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.container #gameover-screen.show,
.container #win-screen.show,
.container #restart-screen.show {
  display: flex;
}
.container #restart-screen button {
  font-size: 0.5em;
}
.container #gameover-screen {
  color: red;
}
.container #win-screen {
  color: green;
}
#grid {
  width: 400px;
  height: 400px;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  background-color: whitesmoke;
}
#grid div.cell {
  line-height: 0;
  font-family: 'consolas';
  font-size: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  user-select: none;
  background-color: silver;
}
#grid div.cell.revealed {
  background-color: transparent;
}
#grid div.cell.bomb {
  background-color: orange;
}