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

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

html{
    scroll-behavior:smooth;
}

body{

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

    background:var(--light);

    color:var(--dark);

    overflow-x:hidden;

    line-height:1.7;

}

img{

    display:block;

    max-width:100%;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button,
input,
textarea{

    font:inherit;

}

button{

    cursor:pointer;

    border:none;

    background:none;

}

section{

    padding:var(--section-padding) 20px;

}

.container{

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

    margin:auto;

    padding:0 20px;

}