@charset "UTF-8";
/* CSS Document */

/* ==========================================
   Fade Animation
========================================== */

body{

    opacity:0;

    animation:fadeIn .3s ease forwards;

}

body.fade-out{

    animation:fadeOut .25s ease forwards;

}

@keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

@keyframes fadeOut{

    from{

        opacity:1;

    }

    to{

        opacity:0;

    }

}

/* ==========================================
   Scroll Animation
========================================== */

.fade-up{

    opacity:0;

    transform:translateY(15px);

    transition:
        opacity .6s ease,
        transform .6s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}