h1,
h2,
h3,
h4,
h5,
h6,
#navbar > .navbar-left > .item {
  font-family: "Cal Sans", var(--fonts-regular);
}

@font-face {
  font-family: Cal Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    url("./CalSans-SemiBold.woff2?v=1.0") format("woff2"),
    url("./CalSans-SemiBold.woff?v=1.0") format("woff"),
    url("./CalSans-SemiBold.ttf?v=1.0") format("truetype");
}

:root {
  --fira-code: "Fira Code";
  --fonts-monospace:
    var(--fira-code), ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace, "Apple Color Emoji",
    "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla";

  @supports (font-variation-settings: normal) {
    --fira-code: "Fira Code VF";
    font-feature-settings: "liga" on;
    font-variant-ligatures: normal;
  }
}

@font-face {
  font-family: Fira Code;
  src:
    url("./FiraCode-Light.woff2?v=6.2") format("woff2"),
    url("./FiraCode-Light.woff?v=6.2") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Fira Code;
  src:
    url("./FiraCode-Regular.woff2?v=6.2") format("woff2"),
    url("./FiraCode-Regular.woff?v=6.2") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Fira Code;
  src:
    url("./FiraCode-Medium.woff2?v=6.2") format("woff2"),
    url("./FiraCode-Medium.woff?v=6.2") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Fira Code;
  src:
    url("./FiraCode-SemiBold.woff2?v=6.2") format("woff2"),
    url("./FiraCode-SemiBold.woff?v=6.2") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Fira Code;
  src:
    url("./FiraCode-Bold.woff2?v=6.2") format("woff2"),
    url("./FiraCode-Bold.woff?v=6.2") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Fira Code VF;
  src:
    url("./FiraCode-VF.woff2?v=6.2") format("woff2-variations"),
    url("./FiraCode-VF.woff?v=6.2") format("woff-variations");
  font-weight: 300 700;
  font-style: normal;
}

body {
  font-family: "Inter", var(--fonts-regular);
  @supports (font-variation-settings: normal) {
    font-family: "InterVariable", var(--fonts-regular);
  }
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./InterVariable.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./InterVariable-Italic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("./Inter-Thin.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("./Inter-ThinItalic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("./Inter-ExtraLight.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("./Inter-ExtraLightItalic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./Inter-Light.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("./Inter-LightItalic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./Inter-Regular.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./Inter-Italic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./Inter-Medium.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./Inter-MediumItalic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./Inter-SemiBold.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./Inter-SemiBoldItalic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./Inter-Bold.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./Inter-BoldItalic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./Inter-ExtraBold.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("./Inter-ExtraBoldItalic.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./Inter-Black.woff2?v=4.1") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("./Inter-BlackItalic.woff2?v=4.1") format("woff2");
}