:root {
  --font-body: "Source Sans 3", "Avenir Next", Avenir, Arial, sans-serif;
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

h1,
h2,
h3,
.section-title,
.animated-gradient-text,
.animated-gradient-text em {
  font-family: var(--font-display) !important;
  font-optical-sizing: auto;
  text-wrap: balance;
}

h1,
.animated-gradient-text {
  font-weight: 500 !important;
  letter-spacing: -0.035em;
}

h2,
h3,
.section-title {
  font-weight: 600 !important;
}

h2,
.section-title {
  letter-spacing: -0.025em;
}

h3 {
  letter-spacing: -0.015em;
}

.infographic-title {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em;
}

.animated-gradient-text em {
  font-weight: 400 !important;
}

h1 strong,
h1 b,
h1 em,
h2 strong,
h2 b,
h2 em,
h3 strong,
h3 b,
h3 em {
  font-family: inherit !important;
  font-weight: inherit !important;
}

button,
input,
select,
textarea {
  font: inherit;
}