*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

/* Scroll Reveal */

.reveal {

    opacity: 0;

    transform: translateY(50px);

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

}


.reveal.active {

    opacity: 1;

    transform: translateY(0);

}

.section-animate{

    opacity:0;

    transform:translateY(60px);

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

}


.section-animate.show{

    opacity:1;

    transform:translateY(0);

}


.section-animate.hide{

    opacity:0;

    transform:translateY(-40px);

}