/* Swup */
html.is-leaving .transition-main {
    transition: opacity 200ms ease-in-out, transform 200ms cubic-bezier(.01,.87,.06,.99);
}
html.is-rendering .transition-main {
    transition: opacity 200ms ease-in-out, transform 1000ms cubic-bezier(.01,.87,.06,.99);
}

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

/* General */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-fadeup] {
    opacity: 0;
    animation: fadeUp 0.8s ease;
    animation-fill-mode: forwards !important
}

[data-fadeup="1"] { animation-delay: 0.1s; }
[data-fadeup="2"] { animation-delay: 0.2s; }
[data-fadeup="3"] { animation-delay: 0.3s; }
[data-fadeup="4"] { animation-delay: 0.4s; }
[data-fadeup="5"] { animation-delay: 0.5s; }

/* Footer */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

[data-fadein] {
    opacity: 0;
    animation: fadeIn 1s ease;
    animation-fill-mode: forwards !important
}

[data-fadein="1"] { animation-delay: 0.8s; } 
[data-fadein="2"] { animation-delay: 1s; } 
[data-fadein="3"] { animation-delay: 1.2s; }