@import url('https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap');
@import url(../font/MiSans/font.css);

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

:root {
    --text-base: #191919;
    --headerBackground: #FFF;
    --background: #FFF;
    --brand-color: #ff6900;
    --grid-gap: 1rem;

    --site-util-width: min(100vw - 100px, 1400px);
}

html {
    scroll-behavior: smooth;
    font-family: 'Maven Pro', sans-serif;
    background: #F7F7F7;
}

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

ul {
    list-style: none;
}

button {
    background: none;
    border: none;
}

.wrapper {
    width: var(--site-util-width);
    margin-inline: auto;
}

@media screen and (max-width:1024px) {

    html {
        font-size: 14px;
    }

}

@media screen and (max-width:768px) {

    html {
        font-size: 12px;
    }

}

@media screen and (max-width:480px) {

    :root {
        --site-util-width: min(100vw - 30px, 1300px);
    }

    html {
        font-size: 10px;
    }

}