/* ==========================================
   Reset
========================================== */

*,
*::before,
*::after{

    margin:0;
    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--color-bg);

    color:var(--color-text);

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

    line-height:1.8;

    -webkit-font-smoothing:antialiased;

}

img{

    display:block;

    width:100%;

    height:auto;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    list-style:none;

}

button{

    border:none;

    background:none;

    color:inherit;

    cursor:pointer;

    font:inherit;

}

input,
textarea,
select{

    font:inherit;

}

table{

    border-collapse:collapse;

}

section{

    padding:

        var(--section-padding)

        20px;

}

.container{

    max-width:var(--max-width);

    margin:auto;

}

h1,
h2,
h3{

    font-weight:700;

    letter-spacing:.05em;

}

p{

    color:var(--color-text-sub);

}

::selection{

    background:var(--color-gold);

    color:#111;

}