*, ::after, ::before {
  box-sizing: border-box;
}

html, body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 0;
  margin: 0;
  scroll-snap-type: y mandatory;
}

section {
  counter-reset: page;
  display: flex;
  flex-direction: column;
}

article {
  counter-increment: page;
  scroll-snap-align: start;
  padding: 10vw;
  height: 100vh;
}

article h3::before {
  content: 'Page ' counter(page);
}

article p::before {
  content: 'Try to scroll up or down then refresh on iOS to see content stuck somewhere else.';
}