@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/media/sf-pro-text-regular.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  src: url(./assets/media/sf-pro-text-medium.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  src: url(./assets/media/sf-pro-text-semibold.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 700;
  src: url(./assets/media/sf-pro-text-bold.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: "sf mono bold, sans-serif";
  font-style: normal;
  src: url(./assets/media/sf-mono-bold.otf) format("opentype")
}

@font-face {
  font-display: swap;
  font-family: Alata Regular;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/media/alata-regular.woff2)
    format("woff2");
}

@font-face {
  font-display: swap;
  font-family: OpenSans Regular;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/media/open-sans-regular.woff2)
    format("woff2");
}

@font-face {
  font-display: swap;
  font-family: OpenSans Regular;
  font-style: normal;
  font-weight: 600;
  src: url(./assets/media/open-sans-semibold.woff2)
    format("woff2");
}

@font-face {
  font-display: swap;
  font-family: OpenSans Regular;
  font-style: normal;
  font-weight: 700;
  src: url(./assets/media/open-sans-bold.woff2)
    format("woff2");
}