:root {
  --bs-body-font-family: "Inter", system-ui;
  font-feature-settings: 'liga' 1, 'calt' 1;
}

@supports (font-variation-settings: normal) {
  :root {
    --bs-body-font-family: "InterVariable", system-ui;
  }
}

.f-outfit {
  font-family: "Outfit", "Inter", system-ui;
}

.f-uncial-antiqua {
  font-family: "Uncial Antiqua", "Inter", system-ui;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  --bs-heading-color: var(--bs-emphasis-color);
  font-family: "Outfit", "Inter", system-ui;
}

.ff-intro-title {
  font-size: calc(1.525rem + 3.3vw);
}

@media (min-width: 1200px) {
  .ff-intro-title {
    font-size: 4rem;
  }
}

.ff-title {
  font-size: calc(1.425rem + 2.1vw);
}

@media (min-width: 1200px) {
  .ff-title {
    font-size: 3rem;
  }
}

.ff-lead {
  font-size: calc(1.275rem + .3vw);
  font-weight: 300;
}

@media (min-width: 1200px) {
  .ff-lead {
    font-size: 1.5rem;
  }
}

.ff-text-shadow {
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
}