@font-face {
  font-family: "Protomolecule";
  src: url("../assets/fonts/Protomolecule.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* DINPro — upright */
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* DINPro — italic */
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_lightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_mediumitalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_bolditalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DINPro";
  src: url("../assets/fonts/dinpro_blackitalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}