/*
    Animation
*/
@keyframes move_vectorin {
    from {
        margin-left: 0%;
    }

    to {
        margin-left: 100%;
    }
}

@keyframes move_vectorout {
    from {
        margin-left: 100%;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes button_vectorin {
    from {
        margin-right: 0%;
    }

    to {
        margin-right: 100%;
    }
}
/*
  Classe associer
*/
.move_vectorin {
    animation: 650ms linear 0s 1 alternate move_vectorin;
}

.move_vectorout {
    animation: 650ms linear 0s 1 alternate move_vectorout;
}
.card:hover .vector
{
    animation: 650ms linear 0s 1 alternate move_vectorin;
}

.scrollbar {
    scrollbar-width: thin; 
    scrollbar-color: #888 #f1f1f1;
}

/* Pour les navigateurs basés sur WebKit (Chrome, Safari, etc.) */
.scrollbar::-webkit-scrollbar {
    width: 8px;
    /* Largeur de la barre de défilement */
}

.scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Couleur de l'arrière-plan de la barre de défilement */
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
    /* Couleur de la barre de défilement */
    border-radius: 10px;
    /* Pour arrondir les coins de la barre de défilement */
    border: 2px solid #f1f1f1;
    /* Pour ajouter un espace autour de la barre de défilement */
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* Couleur de la barre de défilement au survol */
}