@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Poppins:wght@400;500;600&family=Roboto:wght@400;500;600&display=swap');

.is-title-xl {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-size: 1rem;
  letter-spacing: 0.01rem;
  font-weight: 500;
  line-height: 1.6rem;
}

.is-title-2xl {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  letter-spacing: 0.0125rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.is-title-3xl {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  letter-spacing: 0.015rem;
  font-weight: 500;
  line-height: 2rem;
}

.is-content-text-xl {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-size: 1rem;
  line-height: 1.6rem;
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-variation-settings:
    "wdth" 100;
}

#navbar-brand-name {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  letter-spacing: 0.015rem;
  font-weight: 500;
}

#main-header-brand-name {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-size: 4rem;
  letter-spacing: 0.04rem;
  font-weight: 600;
  margin-top: 1rem;
}

#details-header-brand-name {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.8rem;
  letter-spacing: 0.018rem;
  font-weight: 600;
}