/* Gradient animation */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Slide + fade in */
@keyframes slideFade {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slideFade {
    animation: slideFade 0.5s ease forwards;
}

.page {
    display: none;
}

.page.active {
    display: flex;
    flex-direction: column;
}

.fade {
    transition: opacity 0.4s ease;
}