@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap");

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-roman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-black.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-light-italic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-roman-italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-medium-italic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-bold-italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "neue-haas-grotesk";
  src: url("/fonts/neue-haas-grotesk-black-italic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}