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

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

html{
    scroll-behavior:smooth;
    font-size:16px;
}

body{

    font-family:var(--font-body);

    color:var(--dark);

    background:var(--light);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    overflow-x:hidden;

}

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

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

button,
input,
textarea{
    font:inherit;
}

ul{
    list-style:none;
}

section{

    position:relative;

}

.container{

    width:min(var(--container),92%);

    margin-inline:auto;

}