.fade-in{

    opacity:0;

    animation:fadeIn .8s ease forwards;

}

@keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

.fade-up{

    opacity:0;

    transform:translateY(30px);

    animation:fadeUp .8s ease forwards;

}

@keyframes fadeUp{

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.delay-1{

    animation-delay:.15s;

}

.delay-2{

    animation-delay:.3s;

}

.delay-3{

    animation-delay:.45s;

}

.delay-4{

    animation-delay:.6s;

}

.hover-lift{

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.hover-lift:hover{

    transform:translateY(-6px);

    box-shadow:
        0 15px 40px rgba(0,0,0,.25);

}

.hover-link{

    transition:
        color .25s ease,
        opacity .25s ease;

}

.hover-link:hover{

    opacity:.8;

}

.card-appear{

    opacity:0;

    transform:translateY(35px);

    animation:cardAppear .8s ease forwards;

}

@keyframes cardAppear{

    to{

        opacity:1;

        transform:none;

    }

}