@import "../assets/lesshat-prefixed";

body {
  margin: 0;
  padding: 0;
}

#touch-wrap {
  width: 100%;
  height: 100vh;

  overflow-y: auto;
}

#scroll-stage {
  height: 150vh;
}

#hero {
  .lh-translate(-50%, -50%);
  .lh-perspective(400);

  position: fixed;
  top: 50%;
  left: 50%;

  pointer-events: none;

  .text {
    font-size: 200%;
  }
}