@font-face {
  font-family: "it-reg";
  src: url(./Inter-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "it-med";
  src: url(./Inter-Medium.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "it-sem";
  src: url(./Inter-SemiBold.ttf);
  font-weight: normal;
  font-style: normal;
}

.heading {
  font-family: "it-sem";
  @apply text-fs64 lg:text-fs140 leading-72 lg:leading-128;
}

.heading1 {
  font-family: "it-sem";
  @apply text-fs40 lg:text-fs64 leading-48 lg:leading-72;
}

.heading2 {
  font-family: "it-sem";
  @apply text-fs36 lg:text-fs48 leading-40 lg:leading-56;
}

.heading3 {
  font-family: "it-sem";
  @apply text-fs32 lg:text-fs40 leading-36 lg:leading-48;
}

.heading4 {
  font-family: "it-sem";
  @apply text-fs24 lg:text-fs32 leading-32 lg:leading-40;
}

.heading5 {
  font-family: "it-sem";
  @apply text-fs20 lg:text-fs24 leading-24 lg:leading-32;
}

.heading6 {
  font-family: "it-sem";
  @apply text-fs18 lg:text-fs20 leading-20 lg:leading-24;
}

.tagline {
  font-family: "it-sem";
  @apply text-fs16 leading-20;
}

.body-l {
  font-family: "it-reg";
  @apply text-fs18 lg:text-fs20 leading-20 lg:leading-24;
}

.body-rm {
  font-family: "it-med";
  @apply text-fs14 lg:text-fs16 leading-18 lg:leading-20;
}

.body-r {
  font-family: "it-reg";
  @apply text-fs14 lg:text-fs16 leading-18 lg:leading-20;
}

.body-s {
  font-family: "it-reg";
  @apply text-fs12 leading-14;
}