/* DO NOT MOVE THIS FILE, Community Forum reads from it */

/* 
    https://web.dev/font-display/
    font-display: swap; avoids showing the user invisible text while fonts are loading to improve lighthouse scores
    fonts are preloaded and should show fine on moderate internet speeds and above
*/

@font-face {
    font-family: "Maxeville Mono";
    src:
        url("../woff2/maxevillemono-bold.woff2") format("woff2"),
        url("../woff/maxevillemono-bold.woff") format("woff");
    font-weight: 800;
    font-display: swap;
}

.font-monospace {
    font-family:
        "Maxeville Mono", ui-monospace, Menlo, Monaco, "Segoe UI Mono",
        "Roboto Mono", "Oxygen Mono", "Courier New", monospace;
}

h1,
h2,
h3,
h4,
h5,
h6,
button {
    font-family:
        "Booton VF",
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        avenir next,
        avenir,
        segoe ui,
        helvetica neue,
        helvetica,
        Ubuntu,
        roboto,
        noto,
        arial,
        sans-serif;
}

button {
    font-weight: 575; /* Booton VF */
}

body {
    -webkit-font-smoothing: antialiased;
    font-family:
        "Booton VF",
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        avenir next,
        avenir,
        segoe ui,
        helvetica neue,
        helvetica,
        Ubuntu,
        roboto,
        noto,
        arial,
        sans-serif;
}

@font-face {
    font-family: "Booton VF";
    src: url("../ttf/bootonvf.ttf") format("truetype");
    font-weight: 300 800;
    font-display: swap;
}

@font-face {
    font-family: "Affairs";
    src: url("../otf/affairs-regular.otf") format("opentype");
    font-weight: 400;
    font-display: swap;
}