/* prevent overscroll behaviour which shows fixed footer */
:root, body {
  overscroll-behavior: none;
}



html.is-changing .transition-main {
  transition: transform 1s cubic-bezier(0.5, 0, 0.15, 1), opacity 1s cubic-bezier(0.5, 0, 0.15, 1);
}

.transition-main.is-next-container {
  transform: translateY(100%);
}

.transition-main.is-previous-container {
  transform: translateY(-100%);
}

.transition-main.is-previous-container .section-3 {
  background-color: purple !important
}

html.to-top .transition-main.is-next-container {
  transform: translateY(100%);
}

html.to-top .transition-main.is-previous-container {
  transform: translateY(-100%);
}

html.to-top .transition-main.is-previous-container .section-3 {
  background-color: purple !important
}

.transition-main h1 {
  transition: transform 300ms, opacity 300ms;
}

.is-changing .transition-main h1 {
  transform: translateY(100%);
  opacity: 0
}