@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/inter-latin-variable.woff2") format("woff2");
}

@font-face {
    font-family: "Literata";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/literata-latin-variable.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/roboto-condensed-latin-variable.woff2") format("woff2");
}

@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/jetbrains-mono-latin-variable.woff2") format("woff2");
}

@font-face {
    font-family: "Aleo";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/aleo-latin-variable.woff2") format("woff2");
}

@font-face {
    font-family: "Comme";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/comme-latin-variable.woff2") format("woff2");
}

@font-face {
    font-family: "Crimson Pro";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/crimson-pro-latin-variable.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/fonts/noto-sans-latin-variable.woff2") format("woff2");
}