@font-face {
  font-family: Gabarito;
  src: local(Gabarito-Regular),
    url(./Gabarito/Gabarito-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: Gabarito;
  src: local(Gabarito-Bold),
    url(./Gabarito/Gabarito-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: Gabarito;
  src: local(Gabarito-Black),
    url(./Gabarito/Gabarito-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: Gabarito-X;
  src: local(Gabarito-Xbold),
    url(./Gabarito/Gabarito-ExtraBold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: local(Lora-Regular),
    url(./Lora/Lora-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: local(Lora-Bold),
    url(./Lora/Lora-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}