:root {
    --primary: hsl(35, 56%, 32%);
    --secondary: #eac687b7;
    --link: rgb(74, 230, 59);
}

@font-face {
    font-family: 'Mona Sans';
    src:
      url('../resources/Mona-Sans.woff2') format('woff2 supports variations'),
      url('../resources/Mona-Sans.woff2') format('woff2-variations');
    font-stretch: 75% 125%;
}

body {
    background-color: #33404d;
    font-family: "Mona Sans";
    font-feature-settings: "ss02" on, "ss03" on, "ss05" on, "ss07" on;
    color: #9c6d2b;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

html {
    height: 100%;
    
}

@media (orientation: landscape) {
    html {
        font-size: 1vw;
    }
}

@media (orientation: portrait) {
    html {
        font-size: 1vh;
    }
}

a {
    text-decoration: none;
    color: var(--link);
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
}