@font-face {
    font-family: "Martian Mono";
    font-weight: 100 800;
    font-stretch: 66.7% 100%;
    font-style: normal;
    font-display: swap;
    src: url("fonts/martianmono-variablefontwdth-wght.ttf") format(opentype) tech(variations),
         url("fonts/martianmono-variablefontwdth-wght.ttf") format("opentype-variations");
}

@font-face {
    font-family: 'Grandola';
    src: url('fonts/Grandola-Regular.woff2') format('woff2 supports variations'),
        url('fonts/Grandola-Regular.woff2') format('woff2-variations');
    font-weight: 100 900;
}

@font-face {
    font-family: "Frames Part One";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("framespartone-bold.woff2") format("woff2"),
         url("framespartone-bold.woff") format("woff");
}
@font-face {
    font-family: "Frames Part One";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("framespartone-light.woff2") format("woff2"),
         url("framespartone-light.woff") format("woff");
}
@font-face {
    font-family: "Frames Part One";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("framespartone-medium.woff2") format("woff2"),
         url("framespartone-medium.woff") format("woff");
}
@font-face {
    font-family: "Frames Part One";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("framespartone-regular.woff2") format("woff2"),
         url("framespartone-regular.woff") format("woff");
}
@font-face {
    font-family: "Frames Part One";
    font-weight: 250;
    font-style: normal;
    font-display: swap;
    src: url("framespartone-thin.woff2") format("woff2"),
         url("framespartone-thin.woff") format("woff");
}