@font-face {
  font-family: "Typo Hoop";
  src: url("TypoHoopHairline.otf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Typo Hoop";
  src: url("TypoHoopLight.otf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Typo Hoop";
  src: url("TypoHoopRegular.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Typo Hoop";
  src: url("TypoHoopBold.otf");
  font-weight: 700;
  font-style: normal;
}