body {
	background: url('images/bg.png');
	color: #fff;
	padding: 0;
	margin: 0;
	
	-webkit-animation:300s scroll infinite linear;
	-moz-animation:300s scroll infinite linear;
	-o-animation:300s scroll infinite linear;
	-ms-animation:300s scroll infinite linear;
	animation:300s scroll infinite linear;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { 
    body {
		background: url('images/bg@2x.png');
		background-size: 600px 400px;
	}
}

@-webkit-keyframes scroll {
  100%{
    background-position:-2000px -2000px;
  }
}

@keyframes scroll {
  100%{
    background-position:-2000px -2000px;
  }
}

p, h1, h2, h3, h4, h5, h6 {
	color: #fff;
}

h1 {
	margin-top: 0px;
	font-weight: 300;
	text-transform: uppercase;
	color: #F0EAFB;
}

h2 {
	margin-top: 390px;
}

h3 {
	margin-top: 480px;
	font-weight: 300;
	color: #F0EAFB;
}

p {
	margin-top: 450px;
	color: #F0EAFB;
}

.screenshot-frame {
	width: 800px;
	height: 550px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

/* Initial State */

.screenshot  {
	position: absolute;
	left: -246px;
	top: 0;
	transform: scale(0.6, 0.6) translate(0px,-180px);
	transition: all 500ms ease;
	overflow: hidden;
	width: 1292px;
	height: 792px;
	opacity: 0;
	
	transition: all 1000ms cubic-bezier(.28,.01,.39,1.2);
}


/* State 1 */

.state-1 .screenshot {
	transform: scale(0.55, 0.55) translate(0px,-205px);
	transition-delay: 200ms;
}

.state-1 .screenshot.main {
	opacity: 1;
}


/* State 2 */

.state-2 .screenshot {
	transform: scale(0.45, 0.45) translate(-210px,-450px);
}

.state-2 .screenshot.main {
	opacity: 1;
}


/* State 3 */

.state-3 .screenshot {
	transform: scale(0.55, 0.55) translate(-420px,-320px);
}

.state-3 .screenshot.inspector {
	opacity: 1;
}


/* State 4 */

.state-4 .screenshot {
	transform: scale(1, 1) translate(505px,30px);
	transition: all 1000ms cubic-bezier(.28,.01,.39,1.2);
}

.state-4 .screenshot.sets {
	opacity: 1;
}


/* State 5 */

.state-5 .screenshot {
	transform: scale(0.47, 0.47) translate(0px,-420px);
}

.state-5 .screenshot.main {
	opacity: 1;
}