@font-face {
    font-family: "DMSans";
    src: url("/font/bodyRegular.woff2") format("woff2 supports variations"),
        url("/font/bodyRegular.woff2") format("woff2-variations");
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DMSansItalic";
    src: url("/font/bodyItalic.woff2") format("woff2 supports variations"),
        url("/font/bodyItalic.woff2") format("woff2-variations");
    font-weight: 200 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-fallback: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-body: "DMSans", var(--font-fallback);
    --font-head: "DMSans", var(--font-fallback);
    --font-mono: "robotoMono", var(--font-fallback);
}

html {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 400;
    h1,h2,h3,h4,h5,h6 {
        font-family: var(--font-head);
    }
}