@font-face {
  font-family: "CircularStd";
  src: url("./CircularStd-Medium.woff") format("woff"),
  url("./CircularStd-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd', sans-serif;
  src: url("CircularStd-MediumItalic.woff") format("woff"),
  url("CircularStd-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'CircularStdBook';
  src: url('CircularStd-Book.woff') format('woff'),
  url('CircularStd-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStdBook';
  src: url('CircularStd-BookItalic.woff') format('woff'),
  url('CircularStd-BookItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'CircularStd', sans-serif;
  src: url("CircularStd-Bold.woff") format("woff"),
  url("CircularStd-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd', sans-serif;
  src: url("CircularStd-BoldItalic.woff") format("woff"),
  url("CircularStd-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'CircularStd', sans-serif;
  src: url("CircularStd-Black.woff") format("woff"),
  url("CircularStd-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd', sans-serif;
  src: url("CircularStd-BlackItalic.woff") format("woff"),
  url("CircularStd-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}