html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  background-color: var(--background-primary-color);
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
}

button {
  font-family: 'Helvetica', sans-serif!important;
}

.highlight {
  color: var(--primary-color)!important;
}

a {
  color: var(--primary-color)!important;
  text-decoration: underline!important;
}

h2 {
  font-size: 3rem!important;
}

@media (max-width: 768px) {
  h2 {
    font-size: 2rem!important;
  }
}

@media (max-width: 1200px) {
  h2 {
    font-size: 2.5rem!important;
  }
}