@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: "WU-WEAR HYDROPHOBIC SLEEVES\a       \a       \a       \a       CONTROLS: TAP/SWIPE/LOOK AROUND TO INTERACT\a       \a       \a       \a          she said this your song now\a       i told her its our life\a       even after all them days\a       where we couldn't get nothing right\a       how it pertains\a       how it's inscribed\a       right thats our light\a       there's no turning back\a       \a       \a       \a       Always referential \a       never preferential\a       vintage vantage mobile \a       over instrumental\a       the videos with credits \a       in the lower window\a       touch tone handset \a       locked in send mode\a       lighting grid on\a       dont leave\a       interim dialogue\a        connection on lease\a       wu wear goretex\a        hydrophobic sleeves\a       digit input \a       she said afterwards \a       we’ll meet\a       spill out in the street\a       exhaust overheat\a       streets on infared \a       that’s mesquite\a       just an artifact\a        other side of reach\a       she was often tame \a       info always leaked\a       at the gallery \a       what’s all installed\a       she don’t wanna read \a       bout no flaws\a       regatta cookie patch \a       she said I’m involved\a       we been in this since wallenrod\a        \a       \a       \a       she said this your song now\a       i told her its our life\a       even after all them days\a       where we couldn't get nothing right\a       how it pertains\a       how it's inscribed\a       right thats our light\a       there's no turning back\a       \a       \a       \a       Expressway display\a        next to checklist\a       face on the front \a       next to preface\a       Macrobiotic for breakfast\a       heard what you made\a       like that's hot\a        like it's kelvin\a       Your swear that you Elvis\a        you elvin\a       progeny process projected\a       roadway paved\a        with good intentions\a       but please\a       don't skkrt off \a       or hydroplane\a       hand placement mandated\a        right away\a       in my line\a        that's like right of way\a       our system crash\a        but we can't ride away\a       watching credits\a        on recalculate\a        (number keypad panel works) \a       in light of day\a       off the placescace\a        they deranged too\a       off them metra tracks\a       and they can't move\a       downtown a couple ticks away too\a       on the block\a        the blockade feels \a       less untangled\a       \a       \a       \a       she said this your song now\a       i told her its our life\a       even after all them days\a       where we couldn't get nothing right\a       how it pertains\a       how it's inscribed\a       right thats our light\a       there's no turning back\a       \a       \a       \a       LYRICS: A. JOHNSON \a       \a       PRODUCTION: A. JOHNSON FOR AUTO/MOTOR 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/cara_sized.jpg");

}
.block:nth-child(even) {
  background-image: url("http://vylevylevyle.com/images/caraHD2.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% ));
}