body {
  background-color: rgba(169, 167, 167, 0.702);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
h1 {
  text-align: center;
}

.game-board {
  display: flex;
  height: 540px;
  width: 630px;
  background-color: blue;
  margin: 0 auto;
  margin-top: 5px;
  flex-wrap: wrap;
}
.buttons {
  display: flex;
  background-color: azure;
  margin: 0 auto;
  text-align: center;
  justify-content: space-around;
  height: 90px;
  width: 630px;
  flex-wrap: wrap;
}
button {
  height: 70px;
  width: 70px;
  margin-top: 10px;
  background-color: green;
  border-radius: 15%;
  color: aliceblue;
}
.game-board div {
  background-color: rgb(172, 172, 172);
  height: 70px;
  width: 70px;
  margin: 6px;
  border-radius: 50%;
  border: 4px solid rgb(251, 249, 249);
}
.game-board .player1 {
  background-color: red;
  height: 70px;
  width: 70px;
  margin: 6px;
  border-radius: 50%;
}
.game-board .player2 {
  background-color: yellow;
  height: 70px;
  width: 70px;
  margin: 6px;
  border-radius: 50%;
}
.player {
  text-align: center;
}

.highlight {
  display: flex;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  justify-content: space-around;
  height: 90px;
  width: 630px;
  flex-wrap: wrap;
}
.highlight div {
  height: 70px;
  width: 70px;
  margin: 6px;
  border-radius: 50%;
}
.player-highlight {
  background-color: rgba(52, 193, 5, 0.487);
  height: 70px;
  width: 70px;
  margin: 6px;
  border-radius: 50%;
}
.player2highlight {
  background-color: yellow;
  height: 70px;
  width: 70px;
  margin: 6px;
  border-radius: 50%;
}