@font-face {
  font-family: Inter;
  src: url("./inter-latin.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "BQ Sans";
  src: url("./fonts/regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "BQ Sans";
  src: url("./fonts/bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "BQ Sans";
  src: url("./fonts/italic.ttf");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "BQ Sans";
  src: url("./fonts/bolditalic.ttf");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "BQ Serif";
  src: url("./fonts/serif-regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "BQ Serif";
  src: url("./fonts/serif-bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "BQ Serif";
  src: url("./fonts/serif-italic.ttf");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "BQ Serif";
  src: url("./fonts/serif-bolditalic.ttf");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "BQ Mono";
  src: url("./fonts/mono-regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "BQ Mono";
  src: url("./fonts/mono-bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "BQ Mono";
  src: url("./fonts/mono-italic.ttf");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "BQ Mono";
  src: url("./fonts/mono-bolditalic.ttf");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}