html {
  scroll-snap-type: y proximity;
  background-color: #ddf8e7;

  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
  font-size: calc(100vw / 1920);

  @media screen and (width >= 1920px) {
    font-size: 1px;
  }

  @media screen and (width <= 1024px) {
    font-size: calc(100vw / 610);
  }

  @media screen and (width <= 768px) {
    font-size: calc(100vw / 430);
  }
}

.full-height {
  min-height: -webkit-fill-available;
  overflow: hidden;
  min-height: 100vh;
  scroll-snap-align: start;
}