/* RAJOUTER LA CLASSE REVEAL ET LA DURATION (1 ou 2 ou 3...) DANS LE CONTENUE A ANIMER AU SCROLL (HTML)  */





.reveal{

    opacity: 0;
    transform: translateY(-30px);


}

.reveal-visible{

    opacity: 1;
    transform: translateY(0);
    transition: 1s cubic-bezier(0.5,0,0,1);

}



.duration1{
    transition-duration: .8s;

}

/* (Plusieurs vitesses d'apparition ) */
.duration2{
    transition-duration: 1.8s;
}

.duration3{
    transition-duration: 2.1s;
}

.duration4{
    transition-duration:2.8s;
}