@import url("./stylesheets/variables.css");
@import url("./stylesheets/nav.css");
@import url("./stylesheets/overrides.css");
@import url("./stylesheets/welcome.css");
@import url("./stylesheets/about.css");
@import url("./stylesheets/gallery.css");
@import url("./stylesheets/reviews.css");
@import url("./stylesheets/footer.css");

html,
body {
  background: hsl(0, 0%, 99%);
  scroll-behavior: smooth;
  max-width: 100vw;
}

h1 {
  padding: 0;
  margin: 0;
}

div {
  padding: 0;
  margin: 0;
}

/* New Styles */

.section {
  height: 100vh;
  max-width: 100vw;
  overflow: hidden;
}

.hero-home {
  height: 100%;
}

.scroll-snapping-wrapper {
  scroll-snap-type: y mandatory;
  height: 100vh;
  overflow: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.scroll-snapping-wrapper.no-scroll {
  overflow: hidden;
}

.scroll-snapping-wrapper > div {
  scroll-snap-align: center;
}