.attemptResult {
    display: flex;
    gap: 5px; /* Espacement entre les pions */
    background-color: grey; /* Fond gris clair */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.responsePoint {
    width: 20px;  /* Taille des pions */
    height: 20px; /* Taille des pions */
    border-radius: 50%; /* Cercle parfait */
    border: 1px solid white; /* Liseré blanc autour du pion */
    display: inline-block; /* Les pions s'alignent en ligne */
}
#selectedPawnsContainer {
    display: flex;
    justify-content: center; /* Centrer horizontalement */
    margin-bottom: 20px; /* Espacement en bas */
}
.pawn {
    width: 30px; /* Largeur du cercle */
    height: 30px; /* Hauteur du cercle */
    border-radius: 50%; /* Arrondir les coins pour faire un cercle */
    border: 2px solid black; /* Bordure noire */
    margin: 5px; /* Espacement entre les pions */
    display: inline-block; /*// Permet le formatage en ligne*/

}
#dropdownContainer {
    display: flex;
    justify-content: center; /* Centrer horizontalement */
    margin-bottom: 20px; /* Espacement en bas */
}
h4 {
    font-size: medium;
    font-weight: normal;
    margin: 0%;
}