html { font-family: "Inter", "Helvetica Neue", "Helvetica", "Arial", "system-ui"; }

$interFont : "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

i[class^="ri-"] {
  font-size: 1.25em;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

body {
    font-size: 14px;
}

textarea { font-family: monospace !important; }

@media screen and (max-width: 900px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 14px;
    }

    body,html  {
        font-size: 13px;
    }

}