body {
  font-family: 'Space Grotesk', sans-serif;
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

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

@media (max-width: 640px) {
  .floating-nav {
    max-width: calc(100% - 32px);
    padding: 0.5rem 0.75rem;
  }
  
  .floating-nav a {
    padding: 0.5rem;
  }

  .max-w-3xl, .max-w-5xl, .max-w-xl {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}