@charset "UTF-8";
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  --y: 0;
  position: fixed;
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  font-weight: bold;
}
body:before {
  content: "kitsune screencast\a       \a       \a       \a       CONTROLS: TAP/SWIPE/LOOK AROUND TO INTERACT \a       \a       \a       \a       BEST VIEWED ON DESKTOP\a       \a       \a       \a       Combustion vented in the lead\a       left lane\a        change pace\a        accidentally\a       will aerodynamic chassis retain integrity?\a       they got us boxed in\a        whats that?\a       supremacy\a       tell that to furniture\a       lil bro and all themselves vaulted\a       drone micromanaging minority forgotten\a       she was watching from blinds like\a       our existence is an option\a       kitsune(🦊) screencast they so indoctrin\a       (US VS THEM?)\a       pedal gas noxious\a       overhead captured by imaging\a       coverage on simulcast\a       gets ousted out eventually\a       scan setting like grandma\a       did to overwatchers ostensibly\a       community obsidian\a       they didn’t grant no clemency\a       ressurrected melanoid\a       hobbled covertly\a       like it’s egregiousness\a       hunnid LAN network\a       like the system got allegiances\a       poly count visibility\a       vary\a       when far away\a       they tried to take us out the game\a       like it’s cartridge day\a       \a       \a       \a       Canvas lined ball cap with the stitching it say rebel\a       said she want to forge speech\a       rebuild on the texture\a       Lined up\a       statuesque\a       no I can not forget her\a       but she speak the languages of her oppressor\a       \a       \a       \a       Facade aside name branded blinders\a       that won't hide that pain\a       talkbox rackmounts that won’t hide them stains\a       like coastline rudder board\a       can't acknowledge wave\a       reminiscent disarray\a       like cougar college days\a       value number backlit\a       axle doing back bends\a       vessel has computer (PETER) Parker\a       call it the arachnid\a       nvidia the visual\a       why you have to be so graphic\a       cause everything else is a distraction\a       era cappadonna\a       pillage with the slang edit\a       they didn’t tell us bout no rules\a       we didn’t get them same directives\a       frontal sensor read the gesture\a       at they least inventive\a       especially when you see your inventor\a       in emergency intensive\a       first job\a       dual domiciles\a       and them bills expensive\a       trying to self-reset\a       eject\a       to retain some redemption\a       let the phone ring\a       I didn’t want to hear that message\a       that’s a huge red flag\a       feist\a       Clifford\a       method\a       \a       \a       \a       Canvas lined ball cap with the stitching it say rebel\a       said she want to forge speech\a       rebuild on the texture\a       Lined up\a       statuesque\a       no I can not forget her\a       but she speak the languages of her oppressor\a       \a       \a       \a       \a       lyrics: A. Johnson\a       \a       Production: A.Johnson for automotor LLC\a       \a       code + 3D modeling: A. Johnson";
  position: fixed;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1000;
  font-size: 1.1vw;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 7px;
  white-space: pre;
  color: white;
  pointer-events: none;
  -webkit-transform: translateY(calc( var(--y) * -0.3%));
          transform: translateY(calc( var(--y) * -0.3%));
}

.content {
  height: 100%;
  overflow: scroll;
}

.block {
  position: relative;
  height: 100vh;
  width: 100vw;
   max-width: 200%;
    max-height: 200%;
  background-image: url("http://vylevylevyle.com/images/dan_ryan.jpg");

}
.block:nth-child(even) {
  background-image: url("http://vylevylevyle.com/images/2d_chicago.jpg");
}

.item-parallax {
  position: relative;
  width: 75vw;
  height: 35vh;
  margin: auto;
  background-image: url("http://vylevylevyle.com/images/rock_texture.jpg");
}

.block:nth-child(1) .item-parallax {
  top: 25vh;
  -webkit-transform: translateY(calc( var(--y) * -0.1% ));
          transform: translateY(calc( var(--y) * -0.1% ));
}

.block:nth-child(2) .item-parallax {
  top: 50vh;
  -webkit-transform: translateY(calc( var(--y) * -0.13% ));
          transform: translateY(calc( var(--y) * -0.13% ));
}

.block:nth-child(3) .item-parallax {
  top: 75vh;
  -webkit-transform: translateY(calc( var(--y) * -0.07% ));
          transform: translateY(calc( var(--y) * -0.07% ));
}

.block:nth-child(4) .item-parallax {
  top: 100vh;
  -webkit-transform: translateY(calc( var(--y) * -0.1% ));
          transform: translateY(calc( var(--y) * -0.1% ));
}

.block:nth-child(5) .item-parallax {
  top: 125vh;
  -webkit-transform: translateY(calc( var(--y) * -0.07% ));
          transform: translateY(calc( var(--y) * -0.07% ));
}