@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');


/* INDEX */

    /* Paramètres Généraux */

    body{
        background-color: #f9f3e6;
    }

    section,header,footer{
        font-family: 'Itim', cursive;
    }

    .primary-color{
        background-color: #0C6FA4;
    }

    .section-jeux {
        background-color: #0C6FA4;
        padding: 25px;
        border-radius: 8px;
    }

    /* Logo */

    .navbar img{
        width: 4.5rem;
        border-radius: 1.5rem;
    }

    /* Icone utilisateur */

    .btn-connexion{
        border: none;
    }

    .btn-connexion i{
        font-size: 2.5rem;
        color: white
    }

    /* Card de Jeux */

    .card-game,.game-temp{
        transition: transform 0.3s ease; 
    }
    .card-game img{
        width: 25rem;
    }

    .card-game:hover,.card-temp:hover {
        transform: scale(1.025);
        cursor: pointer;
    }


/* JEU */

    .side-bar, .game{
        max-width: 700px;
        
    }

    @media (min-width:990px){
        .side-bar{
            max-width: 400px;
            margin-right: 2rem;
        }

        .game{
            max-width: 730px;
        }
    }
.active {
        background-color: #a8b1b3 !important; /* Bleu Bootstrap (ou votre couleur) */
        border-color: #868686;                /* Bordure plus foncée */
        box-shadow: 0 0.5rem 1rem rgba(13, 110, 253, 0.3) !important; /* Ombre colorée */
    }