body{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#title{
  font-size: 50px;
  display: flex;
  justify-content :center;
}


#welcome{
  display: flex;
  justify-content: center;
}

.row {
  display: flex;
}

.cell {
  width: 75px;
  height: 75px;
}

.cell.black {
  background-color: #000000;
   display: flex;
}

.cell.white {
  background-color: #ffffff;
}

.chessboard-container{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 75px;
}


.chessboard-js{
  width: fit-content;
  border: 1px solid rgb(0, 0, 0);
}

.fa-solid {
  font-size: 2.5rem;
}

.white_piece .fa-solid {
  color: rgb(255, 200, 154);              /* couleur des pièces */
  background-color: transparent;
  display: flex;
  justify-content: center;
}

.black_piece .fa-solid {
  color: rgb(71, 0, 0);              /* couleur des pièces */
  background-color: transparent;
  display: flex;
justify-content: center;
}

.time{
  display: flex;
}

.time_with{
  margin-left : 20px
}

.time_black{
  margin-left :20px; 
}