html {
    font-size: 1vw;
}

:root {
    --color: white;
    --contrast: black;
    --link: gray;

    --m: 1.25rem;

    --hm: calc(var(--m) / 2);
    --qm: calc(var(--m) / 4);
    --dm: calc(var(--m) * 2);
    --lineHeight: 1.1em;
    --f1: 1.9rem;
    --f2: 1.2rem;
    --f3: 1.2rem;
    --f4: 0.9rem;

    --header: calc(var(--f1) + 2 * var(--m));
    --nav: calc(var(--f1) + 2 * var(--hm));

    --c: calc((100vw - 13 * var(--m)) / 12);
    --fix: 0.01px;



    --scrollW: 0.25rem;
    --animation: 0.25s;
    --scrollBarSpace: 0px;
}

@media screen and (orientation: portrait) {
    :root {
        font-size: 2vw;
        --header: calc(var(--c)*4);
    }
}