/* ===============================
   animate.css - lite extract
   Only used animations
   =============================== */

.animate__animated {
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

/* ===============================
   Delays
   =============================== */

.animate__delay-1s {
    animation-delay: 0.5s;
}

.animate__delay-2s {
    animation-delay: 1s;
}

.animate__delay-3s {
    animation-delay: 1.3s;
}

/* ===============================
   fadeInUp
   =============================== */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp;
}

/* ===============================
   fadeInLeft
   =============================== */

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInLeft {
    animation-name: fadeInLeft;
}

/* ===============================
   fadeInRight
   =============================== */

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInRight {
    animation-name: fadeInRight;
}