:root{

    --bg:#071A12;
    --green:#1FA971;
    --green-light:#58F0A6;
    --white:#ffffff;
    --text:#BFCFC7;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{

background:#071A12;

color:#fff;

font-family:Inter,sans-serif;

padding-top:95px;

}

.container{

    width:min(1200px,92%);

    margin:auto;

}

h1,h2,h3{

    font-family:Manrope,sans-serif;

}

html,
body{
    width:100%;
    overflow-x:hidden;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

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

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

.reveal{

    opacity:0;

    transform:translateY(40px);

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

}

.reveal.active{

    opacity:1;

    transform:translateY(0);

}