@font-face {
  font-family: "Syne";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./syne-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Syne";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./syne-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Syne";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("./syne-latin-800-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./manrope-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("./manrope-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./manrope-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./manrope-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./ibm-plex-mono-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("./ibm-plex-mono-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./ibm-plex-mono-latin-600-normal.woff2") format("woff2");
}