@font-face {
    font-family: "Fraunces";
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    font-variation-settings: "opsz" 96, "SOFT" 50, "WONK" 0;
    src: url("../fonts/fraunces/fraunces-variable-latin.woff2") format("woff2-variations"),
         url("../fonts/fraunces/fraunces-variable-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Geist";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/geist/geist-regular.woff2") format("woff2");
}

@font-face {
    font-family: "Geist";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/geist/geist-medium.woff2") format("woff2");
}

@font-face {
    font-family: "Geist";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/geist/geist-semibold.woff2") format("woff2");
}

@font-face {
    font-family: "Geist Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/geist-mono/geist-mono-regular.woff2") format("woff2");
}