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

*{

    margin:0;
    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--bg-color);

    color:var(--text);

    font-family:'Inter',sans-serif;

    overflow-x:hidden;

    transition:
        background var(--transition-normal),
        color var(--transition-normal);

}

/* ==========================================================
   GLOBAL ELEMENTS
========================================================== */

img{

    display:block;

    max-width:100%;

}

a{

    color:inherit;

    text-decoration:none;

}

button{

    font:inherit;

    cursor:pointer;

    border:none;

    background:none;

}

input,
textarea,
select{

    font:inherit;

}

ul,
ol{

    list-style:none;

}

/* ==========================================================
   GLOBAL SECTION
========================================================== */

section{

    position:relative;

}