@font-face {
  font-family: "Familjen Grotesk";
  src: url("../fuentes/familjen-grotesk.woff2") format("woff2");
  font-style: normal; font-weight: 400 700; font-display: swap;
}
@font-face {
  font-family: "Familjen Grotesk";
  src: url("../fuentes/familjen-grotesk-cursiva.woff2") format("woff2");
  font-style: italic; font-weight: 400 700; font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fuentes/atkinson-hyperlegible-next.woff2") format("woff2");
  font-style: normal; font-weight: 200 800; font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fuentes/atkinson-hyperlegible-next-cursiva.woff2") format("woff2");
  font-style: italic; font-weight: 200 800; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fuentes/plex-sans.woff2") format("woff2");
  font-style: normal; font-weight: 400 600; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fuentes/plex-mono-400.woff2") format("woff2");
  font-style: normal; font-weight: 400; font-display: swap;
}