/* =========================================================
RESET CSS
MBVUMBO DESIGN SYSTEM
========================================================= */

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

    box-sizing:
        border-box;

    margin:
        0;

    padding:
        0;
}

/* =========================================================
ROOT
========================================================= */

html {

    scroll-behavior:
        smooth;

    font-size:
        16px;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}

/* =========================================================
BODY
========================================================= */

body {

    min-height:
        100vh;

    overflow-x:
        hidden;
}

/* =========================================================
MEDIA
========================================================= */

img,
picture,
video,
canvas,
svg {

    display:
        block;

    max-width:
        100%;
}

/* =========================================================
FORM
========================================================= */

input,
button,
textarea,
select {

    font:
        inherit;
}

/* =========================================================
LINKS
========================================================= */

a {

    text-decoration:
        none;

    color:
        inherit;
}

/* =========================================================
LISTS
========================================================= */

ul,
ol {

    list-style:
        none;
}

/* =========================================================
TABLES
========================================================= */

table {

    border-collapse:
        collapse;

    border-spacing:
        0;
}

/* =========================================================
BUTTONS
========================================================= */

button {

    border:
        none;

    background:
        none;

    cursor:
        pointer;
}

/* =========================================================
TEXT SELECTION
========================================================= */

::selection {

    background:
        var(--gold);

    color:
        white;
}

/* =========================================================
SCROLLBAR
========================================================= */

::-webkit-scrollbar {

    width:
        10px;
}

::-webkit-scrollbar-track {

    background:
        rgba(0,0,0,.05);
}

::-webkit-scrollbar-thumb {

    background:
        linear-gradient(
            to bottom,
            var(--forest),
            var(--earth)
        );

    border-radius:
        20px;
}