@import "./css/variables.css";
@import "./css/reset.css";
@import "./css/nav.css";
@import "./css/hero.css";
@import "./css/menu.css";
@import "./css/about.css";
@import "./css/contact.css";

/* Scroll-Snap Behavior */
html,
body {
  scroll-snap-type: y mandatory; /* Enable vertical snapping */
  overflow-x: hidden; /* Prevent horizontal scrolling */
  scroll-behavior: smooth; /* Enable smooth scrolling */
}

.section {
  scroll-snap-align: start; /* Snap each section to the top of the viewport */
  min-height: 100vh; /* Ensure sections fill the screen height */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-lg);
}