html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Work Sans', system-ui, sans-serif;
  overflow-x: hidden;
}

h1, h2, h3 {
  font-family: 'Noto Serif', Georgia, serif;
}

@media (max-width: 767px) {
  #mobile-menu {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.25s ease;
  }
  #mobile-menu.open {
    max-height: 400px;
    opacity: 1;
  }
}