.fade-in {
    -webkit-animation: fadeinup .3s ease-in-out;
    animation: fadeinup .3s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

.fade-only {
    -webkit-animation: fadein .3s ease-in-out;
    animation: fadein .3s ease-in-out;
    animation-fill-mode: forwards;
}


*[data-fade-delay*="1"] {
    animation-delay: .2s;
}

*[data-fade-delay*="2"] {
    animation-delay: .4s;
}

*[data-fade-delay*="3"] {
    animation-delay: .6s;
}

*[data-fade-delay*="4"] {
    animation-delay: .8s;
}

*[data-fade-delay*="5"] {
    animation-delay: 1.1s;
}

@keyframes fadeinup {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}