#game-board-row
{
  margin-top: 1rem;
  align-content: center;
  flex-direction: column;
}

#game-board-container
{
  border-radius: 1rem;
  padding: unset;
  width: min-content;
  border-top: solid #de382b 0.5rem;
  border-bottom: solid #de382b 0.5rem;
  border-left: solid #5f87ff 0.5rem;
  border-right: solid #5f87ff 0.5rem;
}

.player-details-container
{
  display: flex;
  justify-content: space-around;
}

.player-details-colour
{
  height: 100%;
  width: 20px;
  border-radius: 5px; 
}

.player-details-title
{
  color: #757575;
  font-weight: 400;
}

.player-details
{
  padding: 1rem;
  width: 45%;
}

.player-details-active
{
  border-bottom: solid white 3px;
}

#player1-details .player-details-colour
{
  background-color: #de382b;
}

#player2-details .player-details-colour
{
  background-color: #5f87ff;
}

#winner-collapse
{
  margin-top: 1rem;
}

#winner-collapse .card
{
  border: none;
}

#winner
{
  font-size: 10rem;
}

#pie-move-collapse
{
  margin-top: 1rem;
}

#pie-move-collapse #message
{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
} 

#pie-move-collapse button
{
  height: 100%;
  width: 100%;
}

#pie-move-collapse p
{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}