@import "./../../common/modern-reset.css";

.scroll-wrapper {
  scroll-snap-type: y mandatory;
  height: 100vh;
  block-size: 100vh;
  overflow-y: auto;
}

section {
  width: 100%;
  inline-size: 100%;
  height: 100vh;
  block-size: 100vh;
  scroll-snap-align: start;
}

.section-01 {
  background-color: pink;
}
.section-02 {
  background-color: lightblue;
}
.section-03 {
  background-color: lightcoral;
}
.section-04 {
  background-color: lightgoldenrodyellow;
}