/*
==================================================
JOAN VALERA
GLOBAL PAGE TRANSITIONS
VERSION 2.1
==================================================
*/


/*
--------------------------------------------------
01. PAGE ENTER
--------------------------------------------------
*/

html {

    opacity: 1;

}


/*
--------------------------------------------------
02. SMOOTH PAGE ARRIVAL

CORRECCION: duracion reducida de 650ms a 320ms para
que la entrada se sienta mas agil sin perder la
suavidad del efecto.
--------------------------------------------------
*/

body {

    animation:
        jvPageEnter
        320ms
        cubic-bezier(0.22, 1, 0.36, 1)
        both;

}


/*
--------------------------------------------------
03. PAGE ENTER ANIMATION
--------------------------------------------------
*/

@keyframes jvPageEnter {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}


/*
--------------------------------------------------
04. PAGE EXIT

CORRECCION: duracion reducida de 420ms a 180ms.
Debe coincidir EXACTAMENTE con la constante
EXIT_DURATION de global-transitions.js. Si se
cambia uno, hay que cambiar el otro.
--------------------------------------------------
*/

html.jv-page-leaving {

    opacity: 0;

    transition:
        opacity 180ms
        cubic-bezier(0.22, 1, 0.36, 1);

}


/*
--------------------------------------------------
05. PREVENT EXIT TRANSITION FROM
    AFFECTING PROJECT SHOWCASE
--------------------------------------------------
*/

.jv-project {

    opacity: 1;

}


/*
--------------------------------------------------
06. REDUCED MOTION
--------------------------------------------------
*/

@media (prefers-reduced-motion: reduce) {

    body {

        animation:
            none;

    }


    html.jv-page-leaving {

        opacity: 1;

        transition:
            none;

    }

}