/* #region PRELOADER */

/* Anim logo */
body::before {
    content: "";
    position: absolute;
    top: 30vh;
    left: 20%;
    right: 20%;
    height: 8vh;
    background: url('../logo.svg') no-repeat center center;
    background-size: contain;
    transition: opacity .5s ease-in;

    animation: loader .6s ease-in-out 0s infinite alternate;
}

@keyframes loader {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.p-loaded::before {
    opacity: 0;
    animation-play-state: paused;
}

.js .site-header {
    opacity: 0;
}

.js .p-loaded .site-header {
    opacity: 1;
}

/* affichage du contenu */
main {
    opacity: 0;
    animation: reveal .8s 5s;
    animation-fill-mode: forwards;
}

@keyframes reveal {
    to {
        opacity: 1;
    }
}

.js .p-loaded main {
    opacity: 1;
    transition: opacity .8s .5s;
    animation: none;
}

/* #endregion */