.app {
    gap: 1.5rem;
}

.board,
.main {
    img {
        height: 7rem;
    }

    display: flex;
    gap: 0.2rem;
}

.mainsJoueurs {
    display: flex;
    gap: 1.5rem;
}

.tapis {
    color: white;
}

.exercice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.carteSelectionnee {
    translate: 0 -0.5rem;
}

.carte:not(.carteSelectionnee) {
    filter: brightness(75%);
}

.mauvaiseReponse {
    box-shadow: 0px 0px 15px 10px rgb(255 0 0 / 58%);
}

.bonneReponse {
    box-shadow: 0px 0px 15px 10px rgba(38, 255, 0, 0.58);
}