/* examples/sticky/example6/style.css */
section {
  width: 100vw;
  height: 150vh;
}

section:first-of-type {
  height: 120vh;
}

section:last-of-type {
  height: 120vh;
}

section.example {
  margin-top: -100vh;
}

section .content {
  position: sticky;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100vh;
  top: 0;
}

section h2 {
  opacity: 0;
  transition: color .2s linear, background-color .2s linear;
}

section h2.active {
  color: #fff;
  background-color: #f0f;
}