@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: "GOTTIWORLD\a       \a       \a       \a       CONTROLS: TAP/SWIPE/LOOK AROUND TO INTERACT\a       \a       \a       \a       ZESTO: \a    \a    BUST IT \a       PROCREATE TO ELEVATION \a       STARTED FROM THE BOTTOM \a       CACHES TO PLUSH OFFICES x2\a       \a   VYLE: \a       \a       Second-phase landscape\a       urbanized chart list \a       appliance private network\a       home is storage on hard disk\a       kamikaze tangerine checkerboard start grid\a       convoy strip\a       Breckinridge\a       three or four car lengths\a       dynasty references\a       (relic) embellishment of a charged win\a       stenographer\a       ticker tape\a       monologue\a       long wind\a       that's the way the cookie crumbles\a       like reinstate login\a       all purely rhetorical\a       like asking what my is sauce is\a       bathtub lift go up\a       doors do the 360\a       consistently repeated\a       since strategic on a ten speed\a       now replacing fisheye\a       with circular cross-stitching\a       Just left escanaba pockets\a       eggshell whisking\a       you call her late fee?\a       you always renting?\a       your convo cut short when innovators talk inventing\a       back up\a       don’t save the conversation\a       code disjointed\a       you broke the simulation\a       \a       ZESTO:\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       PREHISTORIC LIFESTYLES\a       I REALLY LIVED IT\a       BACK BEFORE THE TIME\a       WHEN YOU SHOULDNT CLAIM ADMISSION\a       \a       her name Amelia\a       she from the grasslands of rhodesia\a       she saw the compartments\a       child soldiers on sea-doo vechile\a       just part of upheaval tho\a       shirt stars with eagle\a       startlingly regal\a       used drive by the regal\a       in the car he steve seagal\a       out of the car you are not\a       horn rimmed with smiles\a       like what do you want\a       have several seats \a       car dealership parking lot\a       orator turned audience\a       is aethestic amibiance\a       hardly not\a       how you figure\a       calcuate\a       RDRR\a       thomas brown\a       back down\a       out south\a       reginald farquar\a       football ordered mesh inprinted in hennessey\a       sharp curved turn at museum of industry\a       how many fences hopped\a       more than I commit to memory\a       gangway technicians\a       out the dungeon\a       unscathed\a       in the breeze\a       the news impacted like body blows \a       thats not hardly known\a       goretex clothing articles\a       where we from always gone be gottiworld\a       \a       \a        \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       PREHISTORIC LIFESTYLES\a       I REALLY LIVED IT\a       BACK BEFORE THE TIME\a       WHEN YOU SHOULDNT CLAIM ADMISSION\a       \a       FUCK IT IM FREERANTING YOUR WORKS CHEEZY \a       I SHOOT A BREEZY \a       NAVIGATE THROUGH FECES\a       \a       \a       \a       \a       BUST IT \a       PROCREATE TO ELEVATION \a       STARTED FROM THE BOTTOM \a       CACHES TO PLUSH OFFICES\a       SOME FEAR THE RICHES\a       G'S BE HITTING SWITCHES\a       POLITICIANS BANTER\a       CELEBRITY CONVICTIONS\a       EMPTY AT LEAST\a       OPEN SOMETHING IN THE MORNING\a       GLOW FROM THE MONITORS\a       HYPNOTIZE YOUR MONIKERS\a       \a       \a       \a       LYRICS: A. Johnson + J. Overton-Quinones\a       \a       Production: A.Johnson for AUTO/MOTOR LLC\a       \a       Code + 3D Modeling: A. Johnson\a       \a       VIDEO COURTESY OF HOOD TV - HYDE PARK/CHICAGO + GOOGLE INC";
  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/gottiworld1.jpg");

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