html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

:root {
  --font-title: 'Poppins', sans-serif;
  --font-subtitle: 'League Spartan', sans-serif;
  --font-paragraph: 'League Spartan', sans-serif;
  --container-max-width: 1200px;
  --section-padding-x: 1rem;
  --section-padding-y: 4rem;
  --section-padding-y-mobile: 2rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-title);
  font-weight: 900;
}

.subtitle, h4 {
  font-family: var(--font-subtitle);
  font-weight: 300;
}

p, .paragraph {
  font-family: var(--font-paragraph);
  font-weight: 300;
}

body {
  font-family: var(--font-paragraph);
}