@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: "\a       Columbus Drive '05 Feat. Chris Crack\a       \a       \a       \a       CONTROLS: TAP/SWIPE/LOOK AROUND TO INTERACT\a       \a       \a       \a       Supply boat party\a       showcase held\a       at dual levels\a       she said its lit\a        she said its really lit\a       thats dual tesla\a       she a twin\a        came with two sets of twins\a        that's too(two?) extra\a       they quarantine (as) muses\a        I call that the boo section\a       your boo section\a        is literally boos and hecklers\a       mixed reality convergence\a        with the headpiece\a        calibrate perspective\a       its how you word it now\a       I'm in immersion now\a       same kid in the lukewarm\a        nigo painting\a        just without the \a       12 day turnaround\a       cashmere balladier\a        he cold he cold\a       She never listen\a       to what he say\a         he old he old\a       he just missing his w's\a       he owed he owed\a       can't tell him anything\a        we know he know\a       took the family car\a        to press up CD-R's\a       she gave me \a       all of the bread\a       and told me gone out there\a        and make mistakes with all your friends\a       the dashboards wooden now\a       my passions and off-putting (to them) now\a       talking Columbus drive fractals\a        in the actual event\a        that yall couldn't\a        now\a       \a       \a       \a       hop out the uber\a       veuve bottles up at beauty and essex\a       burner in the purse\a       don't event stress it\a       wash my face in the fire hydrant\a       i'm kinda tired\a       from all the parties where niggas lying\a       its gotta be the worst shit\a       show me lighters for this tata\a       hey villie why lie\a       imma thug imma die high\a       met her at the knicks game\a       I sat next to cyhi\a       and this nigga just rolled a blunt on the table\a       back to this money\a       even thought it ain't real\a       no time for fuck shit\a       im just trying to get my girl\a       to send me a couple bucks quick\a       because i'm hurting and i'm tryign to make it\a       don't worry\a       you can always hit my paypal\a       I stayed down and changed all four flats\a       hold gats from the big homies\a       sometimes they had rust on em\a       fuck the moments\a       make memeories\a       dead the beef with them real niggas\a       now people believing the jeep killed him?\a       come on man\a       \a       \a       \a       Lyrics: A. Johnson + C. Harris\a       Production: A. Johnson for automotor llc\a       \a       \a       \a       dedicated to squashing fake beef with real homies/";
  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/band1.jpg");

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