/* ==========================================
   Animations
========================================== */

.fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity .8s ease,
        transform .8s ease;
}

.fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in {
    opacity: 0;
    transition: opacity .8s ease;
}

.fade-in.is-visible {
    opacity: 1;
}

.scale-in {
    opacity: 0;
    transform: scale(.96);
    transition:
        opacity .6s ease,
        transform .6s ease;
}

.scale-in.is-visible {
    opacity: 1;
    transform: scale(1);
}