body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: #333;
}

.chess-board {
  display: grid;
  grid-template-columns: repeat(8, 60px);
  grid-template-rows: repeat(8, 60px);
  border: 4px solid #333;
}

.chess-board div {
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chess-board div:nth-child(odd) {
  background-color: #eeeed2;
}

.chess-board div:nth-child(even) {
  background-color: #769656;
}

/* Alternate colors in grid */
.chess-board div:nth-child(16n + 1),
.chess-board div:nth-child(16n + 3),
.chess-board div:nth-child(16n + 5),
.chess-board div:nth-child(16n + 7),
.chess-board div:nth-child(16n + 10),
.chess-board div:nth-child(16n + 12),
.chess-board div:nth-child(16n + 14),
.chess-board div:nth-child(16n + 16) {
  background-color: #769656;
}

.chess-board div:nth-child(16n + 2),
.chess-board div:nth-child(16n + 4),
.chess-board div:nth-child(16n + 6),
.chess-board div:nth-child(16n + 8),
.chess-board div:nth-child(16n + 9),
.chess-board div:nth-child(16n + 11),
.chess-board div:nth-child(16n + 13),
.chess-board div:nth-child(16n + 15) {
  background-color: #eeeed2;
}