@font-face {
  font-family: "Roboto Regular";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Roboto Regular'), url('Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto Medium";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Roboto Medium'), url('Roboto-Medium.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto SemiBold";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Roboto SemiBold'), url('Roboto-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto Bold";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Roboto Bold'), url('Roboto-Bold.ttf') format('truetype');
}
@font-face {
  font-family: "League Spartan Regular";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('League Spartan Regular'), url('LeagueSpartan-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "League Spartan SemiBold";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('League Spartan SemiBold'), url('LeagueSpartan-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: "League Spartan Bold";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('League Spartan Bold'), url('LeagueSpartan-Bold.ttf') format('truetype');
}
@font-face {
  font-family: "Interstate BlackCompressed";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Interstate BlackCompressed'), url('Interstate-BlackCompressed.ttf') format('truetype');
}
@font-face {
  font-family: "Interstate light italic";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Interstate light italic'), url('interstate-light-italic.otf') format('opentype');
}