.transition-fade-up {
    opacity: 1;
    transition: 500ms;
    transform: translateY(0);
    transition-timing-function: ease-in-out;
}

html.is-animating .transition-fade-up {
    opacity: 1;
    transform: translateY(20%);
}

html.is-leaving .transition-fade-up {
    opacity: 0;
    transform: translateY(0);
}

.transition-fade {
    opacity: 1;
    transition: 1000ms;
    transition-timing-function: ease-in-out;
}

html.is-animating .transition-fade {
    opacity: 0;
}