@font-face {
  font-family: "CMU Typewriter Text";
  font-style: roman;
  font-weight: 200;
  src: url("./fonts/cmu-typewriter-text-200-roman.woff2") format("woff2"), url("./fonts/cmu-typewriter-text-200-roman.ttf") format("truetype");
}

@font-face {
  font-family: "CMU Typewriter Text";
  font-style: italic;
  font-weight: 200;
  src: url("./fonts/cmu-typewriter-text-200-italic.woff2") format("woff2"), url("./fonts/cmu-typewriter-text-200-italic.ttf") format("truetype");
}

@font-face {
  font-family: "CMU Typewriter Text";
  font-style: roman;
  font-weight: 500;
  src: url("./fonts/cmu-typewriter-text-500-roman.woff2") format("woff2"), url("./fonts/cmu-typewriter-text-500-roman.ttf") format("truetype");
}

@font-face {
  font-family: "CMU Typewriter Text";
  font-style: italic;
  font-weight: 500;
  src: url("./fonts/cmu-typewriter-text-500-italic.woff2") format("woff2"), url("./fonts/cmu-typewriter-text-500-italic.ttf") format("truetype");
}

@font-face {
  font-family: "CMU Typewriter Text";
  font-style: italic;
  font-weight: 500;
  src: url("./fonts/cmu-typewriter-text-500-italic.woff2") format("woff2"), url("./fonts/cmu-typewriter-text-500-italic.ttf") format("truetype");
}

@font-face {
  font-family: "CMU Typewriter Text";
  font-style: roman;
  font-weight: 700;
  src: url("./fonts/cmu-typewriter-text-700-roman.woff2") format("woff2"), url("./fonts/cmu-typewriter-text-700-roman.ttf") format("truetype");
}

@font-face {
  font-family: "CMU Typewriter Text";
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/cmu-typewriter-text-700-italic.woff2") format("woff2"), url("./fonts/cmu-typewriter-text-700-italic.ttf") format("truetype");
}