@keyframes anim-reveal {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes anim-reveal-from-bottom {
    from {
        transform: translateY(25%);
        transform-origin: top left;
    }
    to {
        transform: translateY(0);
        transform-origin: top left;
    }
}

.reveal-1 {
    animation: anim-reveal 1s ease-out .25s both;
}

.reveal-2 {
    animation: anim-reveal 1s ease-out .5s both;
}

.reveal-3 {
    animation: anim-reveal 1s ease-out .75s both;
}

.reveal-4 {
    animation: anim-reveal 1s ease-out 1s both;
}

.article-main .reveal-1 {
    animation: anim-reveal 1s ease-out 1s both;
}

.article-main .reveal-2 {
    animation: anim-reveal 1s ease-out 1.25s both;
}

.article-main .reveal-3 {
    animation: anim-reveal 1s ease-out 1.5s both;
}

.article-main .reveal-4 {
    animation: anim-reveal 1s ease-out 1.75s both;
}

[reveal] {
    opacity: 0;
}