.fade-in {
    animation: fade-in 600ms 1.5s ease both;
}

.fade-in-fast {
    animation: fade-in 600ms 1s ease both;
}

.fade-out {
    animation: fade-out 600ms ease both;
}

.fade-out-fast {
    animation: fade-out 300ms ease both;
}

/* 
    Animations 
*/
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}