/* Simple fade page transitions */

body.preload {
    visibility: hidden;
}

body.pt-enter #site-main {
    animation: simpleFadeIn .35s ease;
}

body.pt-exit #site-main {
    animation: simpleFadeOut .28s ease forwards;
}

@keyframes simpleFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes simpleFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.preload {
        visibility: visible;
    }
    body.pt-enter #site-main,
    body.pt-exit #site-main {
        animation: none !important;
    }
}