/* ===========================
   RESET
=========================== */

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:"Inter",sans-serif;
    background:#05130b;
    color:#fff;
    overflow-x:hidden;

}
section{
    scroll-margin-top: 70px;
}

/* ===========================
   CONTAINER
=========================== */

.container{

    width:min(1180px,92%);
    margin:auto;

}





/* ===========================
   ANIMATION
=========================== */

.fade-up{
    opacity: 0;
}

.fade-up.show{
    animation: fadeUp 1s cubic-bezier(.22, 1, .36, 1) forwards;
}
.fade-up{
    will-change: transform, opacity;
    backface-visibility:hidden;
}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translate3d(0,70px,0);
    }

    to{
        opacity:1;
        transform:translate3d(0,0,0);
    }

}

.delay-1.show{
    animation-delay:.15s;
}

.delay-2.show{
    animation-delay:.35s;
}

.delay-3.show{
    animation-delay:.55s;
}

.delay-4.show{
    animation-delay:.75s;
}