/* =========================
   ANIMATIONS AU SCROLL
========================= */

.scroll-animation {
    opacity: 0;

    transition:
        opacity 1.2s ease,
        transform 1.2s ease;
}
/*
.from-left {
    transform: translateX(-50px);
}
.from-right {
    transform: translateX(+50px);
}
.from-bottom {
    transform: translateY(+50px);
} */

.from-left,
.from-right,
.from-bottom {
    transform: translateY(50px);
}
.scroll-animation.visible {
    opacity: 1;
    transform: translateX(0);
}

@media screen and (min-width: 768px) {

    .from-left {
        transform: translateX(-50px);
    }

    .from-right {
        transform: translateX(50px);
    }

    .from-bottom {
        transform: translateY(50px);
    }
}


/*ANIMATION BOUTON*/

.grid-project a:hover, .BoutonMerci a:hover, .BoutonMain a:hover, body a:hover, .menu ul li:hover{
        transform: scale(1.08);
        transition: transform 0.1s ease;

    }