.transition-slide {
    transition: 200ms;
    opacity: 1;
    transform: translateX(0);
}

html.is-animating .transition-slide,
body.is-animating .transition-slide {
    opacity: 0;
    transform: translateY(-15px);
}

html.is-leaving .transition-slide,
body.is-leaving .transition-slide {
    opacity: 0;
    transform: translateY(10px);
}

body { transition: 200ms ease-in-out background-color; }
a, p, ul, h1, h2, h3, h4, h5 { transition: 200ms ease-in-out color; }