/*Document créé par Udriot Paulin
créé le 15 décembre 2024
Cette page sert a decoré la page d'acceuil de mon site personnel.*/

/*------------------------*/
/* Conteneur du carrousel */
/*------------------------*/
.carousel {
    width: 732.5px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
/* Ligne des images */
.slides {
    display: flex;
    width: calc(732.5px * 6);
    animation: slide 42s infinite;
}
/* Images du carrousel */
.slides img {
    width: 732.5px;
    object-fit: cover;
}
.h200 {
    height: 200px;
}

/*------------------------*/
/* Animation automatique */
/*-----------------------*/
@keyframes slide {
    0% {
        transform: translateX(0);
    }

    8% {
        transform: translateX(0);
    }

    16% {
        transform: translateX(-732.5px);
    }

    24% {
        transform: translateX(-732.5px);
    }

    33% {
        transform: translateX(-1465px);
    }

    41% {
        transform: translateX(-1465px);
    }

    49% {
        transform: translateX(-2197.5px);
    }

    57% {
        transform: translateX(-2197.5px);
    }

    66% {
        transform: translateX(-2930px);
    }

    73% {
        transform: translateX(-2930px);
    }

    82% {
        transform: translateX(-3662.5px);
    }

    91% {
        transform: translateX(-3662.5px);
    }

    100% {
        transform: translateX(0);
    }
}
/*-----------------------------*/
/*---------mediaqueri----------*/
/*-----------------------------*/
@media (max-width: 1640px) {
    #logo {
        display: none;
    }
}
@media (max-width: 1200px) {
    
    /* écrans de taille moyenne */
    .carousel {
        width: 75%;
    }
    #logo {
        display: none;
    }
}
@media (max-width: 768px) {
    /* petits écrans */
    .carousel {
        display: none;
    }
    #logo {
        display: none;
    }
}