@media only screen and (device-width: 100dvw) and (device-height: 100dvh) {
      html {
        /* body won't work ¯\_(ツ)_/¯ */
        scroll-snap-type: y mandatory;
        overflow: hidden;
        scrollbar-width: none;
      }

      .page {
        height: 100vh;
        /* width: 100vw; */
        scroll-snap-align: start;
      }
    }

    @media (max-width: 480px) {
      html {
        scrollbar-width: auto;
        overflow: auto;
        scroll-snap-align: none;
        scroll-snap-type: none;
      }
    }