html.arc-route-enter,
html.arc-route-leaving {
    background: #031e25;
}

html.arc-route-enter body {
    opacity: 0;
}

html.arc-route-ready body {
    opacity: 1;
    transition: opacity .22s cubic-bezier(.4,0,.2,1);
}

html.arc-route-leaving body {
    opacity: 0;
    transition: opacity .16s cubic-bezier(.4,0,.2,1);
}

@media (prefers-reduced-motion: reduce) {
    html.arc-route-enter body,
    html.arc-route-ready body,
    html.arc-route-leaving body {
        opacity: 1;
        transition: none;
    }
}