/* HANKEN GROTESK */
@font-face {
  font-family: "Hanken";
  src: url("fonts/hankengrotesk-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken";
  src: url("fonts/hankengrotesk-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hanken";
  src: url("fonts/hankengrotesk-bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken";
  src: url("fonts/hankengrotesk-bolditalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hanken";
  src: url("fonts/hankengrotesk-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken";
  src: url("fonts/hankengrotesk-extrabolditalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* PLAYTIPI */
@font-face {
  font-family: "Playtipi";
  src: url("fonts/platypi-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playtipi";
  src: url("fonts/platypi-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}