*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    
}

html{
    overflow-y: scroll;
}

body{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: inherit;
    
}

img{
    display: block;
    max-width: 100%;
    height: auto;
}

li{
    list-style: none;
}



/* ==========================================
        GLOBAL SCROLL REVEAL
========================================== */

.scroll-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.scroll-reveal.scroll-show {
    opacity: 1;
    transform: translateY(0);
}