/* =========================================================
   GLOBAL ANIMATIONS
========================================================= */

@keyframes fadeUp
{
    from
    {
        opacity: 0;

        transform:
            translateY(24px);
    }

    to
    {
        opacity: 1;

        transform:
            translateY(0);
    }
}


.reveal
{
    opacity: 0;

    transform:
        translateY(24px);

    transition:
        opacity .7s ease,
        transform .7s ease;
}

.reveal.is-visible
{
    opacity: 1;

    transform:
        translateY(0);
}


/* Accessibility */

@media (prefers-reduced-motion: reduce)
{
    html
    {
        scroll-behavior:
            auto;
    }

    *,
    *::before,
    *::after
    {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }
}