/*--------------------------------------------------------------------------*\
    Animation on scroll
\*--------------------------------------------------------------------------*/

.is-animation-scroll-js{
    /*box*/
    position:-webkit-sticky;
    position:sticky;
    top:0;
}

*[data-animation-duration-pixels]{
    /*box*/
    height:100vh;/* Mandatory to ensure scroll effect */
}

/*--------------------------------------------------------------------------*\
        DOM elements default settings
\*--------------------------------------------------------------------------*/

*[data-animation-duration-pixels] svg{
    /*box*/
    overflow: visible;
}

*[data-animation-duration-pixels] svg>*,
*[data-animation-duration-pixels] img,
*[data-animation-duration-pixels] h2,
*[data-animation-duration-pixels] h3{
    /*transition*/
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}