@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::bold-italic@3.0.0/woff2?token=6bac8c01c2") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::bold@3.0.0/woff2?token=6ab22698de") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-weight: 700;
}
@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::book-italic@3.0.0/woff2?token=93f78b0b1f") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::book@3.0.0/woff2?token=848060dd0b") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-weight: 400;
}
@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::extra-bold-italic@3.0.0/woff2?token=fb1c42df79") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::extra-bold@3.0.0/woff2?token=ff1099b34b") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-weight: 800;
}
@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::medium-italic@3.0.0/woff2?token=4f7069e412") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Mackinac";
  src: url("https://typographer.io/1/fonts/p22:mackinac::medium@3.0.0/woff2?token=d2eede0eff") format("woff2");
  font-display: swap;
  font-stretch: 100%;
  font-weight: 500;
}