@font-face {
  font-family: 'Hero New';
  font-weight: 100;
  src: url('./HeroNewThin.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 200;
  src: url('./HeroNewUltraLight.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 300;
  src: url('./HeroNewLight.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 400;
  src: url('./HeroNewRegular.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 500;
  src: url('./HeroNewMedium.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 600;
  src: url('./HeroNewSemiBold.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 700;
  src: url('./HeroNewBold.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 800;
  src: url('./HeroNewExtraBold.otf') format('opentype');
}

@font-face {
  font-family: 'Hero New';
  font-weight: 900;
  src: url('./HeroNewSuper.otf') format('opentype');
}

/** Poppins **/
@font-face {
  font-family: 'Poppins';
  font-weight: 300;
  src: url('./PoppinsLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  src: url('./PoppinsRegular.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  src: url('./PoppinsMedium.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  src: url('./PoppinsSemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  src: url('./PoppinsBold.ttf') format('truetype');
}