@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/monsterrat-7.222/Montserrat-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/monsterrat-7.222/Montserrat-Bold.woff2') format('woff2');
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  src: url('../fonts/fontawesome-6.4.0/fa-solid-900.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: block;
}

.fas,
.fa-solid {
  font-weight: 900;
}

h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

:root {
  --font-title: clamp(2rem, 1.55rem + 1.8vw, 2.75rem);
  --font-h1: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);
  --font-h2: clamp(1.375rem, 1.125rem + 1vw, 1.75rem);
  --font-h3: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
  --font-lg: 1.125rem;
  --font-base: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
}