@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0);
        opacity: 0;
    }

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

.fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes backgroundSlideDown {
    0% {
        background-position: bottom;
    }
    100% {
        background-position: top;
    }
}

.backgroundSlideDown {
    animation-name: backgroundSlideDown;
    animation-duration: 2s;
    animation-fill-mode: both;
}