.reveal,
[data-reveal] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s ease, transform .6s ease
}

.reveal.revealed,
[data-reveal].revealed {
    opacity: 1;
    transform: none
}

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

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

    .reveal,
    [data-reveal] {
        opacity: 1;
        transform: none
    }
}