@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1
    }
}

@keyframes riseIn {
    from {
        opacity: 0;
        transform: translateY(3dvh);
    }

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

@keyframes slideIn {
    from {
        transform: translate(-100dvw);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes sub-nav-slide {
    from {
        transform: translate(-2rem);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes splash {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}