.puissance4-board {
  border-collapse: collapse;
  background-color: rgb(25, 0, 255);
  margin: 0 auto;
  margin-top: 100px;
}

.puissance4-board td {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
}

.player-profile {
  margin-top: -100px;
}

.puissance4-board td:hover {
  opacity: 0.5;
}

.puissance4-board td:active {
  opacity: 1;
}

.puissance4-board td.red {
  background-color: red;
}

.puissance4-board td.yellow {
  background-color: yellow;
}

.text-center {
  color: white;
}

.player-profiles {
  display: flex;
  justify-content: space-between;
  margin-bottom: 200px;
}

.player-profile img {
  margin-right: 10px;
}

.player-profile span {
  font-weight: bold;
}

#player1-name,
#player2-name {
  font-size: 20px;
  font-weight: bold;
}

#player1-name {
  color: green;
}

#player2-name {
  color: white;
}

#game-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}