body {
    background: var(--bark);
    color: var(--bark);
    font-family: 'Nunito', sans-serif;
    line-height: 1.65;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: var(--cream);
}

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

.wrap {
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 clamp(20px, 5vw, 64px);
}

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

*,
*::before,
*::after {
    box-sizing: border-box;
     margin: 0;
    padding: 0;
    color: var(--cream);
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

button,
input,
textarea,
select {
    font: inherit;
}