@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);

html { 
	font-family:Futura, Helvetica;
	color: white;
	background-color: #222;
}
html, body{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	/*transform: scale(2,2);*/
}

.stage {	
	width:100%;
	height:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	/*background-color: red;*/
	transform: translate(-50%, -50%););
	perspective: 1000px;
}

.info{
	/*background-color: blue;*/
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 550px;
	height: 375px;
	text-align: right;
	padding-right: 40px;
}
.title{
	font-size: 122pt;
	text-shadow: 0px 0px 10px white;
}
.descrip1{
	font-size: 32pt;
}

.descrip2{
	/*margin-left: 200px;*/
	font-size: 24pt;
}
.descrip3{
	/*margin-left: 200px;	*/
	margin-top: -6px;
	font-size: 24pt;
}


.scan{
	z-index: 1;
	opacity: .4;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 120%;
	/*background-color: blue;*/
	background-image: url(http://i.imgur.com/j8G6zrW.png);
	background-size: 150%;
	background-repeat: no-repeat;
	background-position: center;
	transform: translate(-50%, -50%);
}


.card1{
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 120%;
	/*background-color: blue;*/	
	background: url(http://i.imgur.com/ncmNhiy.jpg) 100% 100% / cover; 
	background-repeat: no-repeat;
	background-position: center;
	transform: translate(-50%, -50%);
	-webkit-animation: pulse 8s infinite;
	transition: opacity 2s;
}
.card2{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 120%;
	/*background-color: blue;*/

	background: url(http://i.imgur.com/do1Kyoj.jpg) 100% 100% / cover; 
	background-repeat: no-repeat;
	background-position: center;
	transform: translate(-50%, -50%);
	-webkit-animation: pulse 8s infinite;
	transition: opacity 2s;
}
.card3{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 120%;
	/*background-color: blue;*/

	background: url(http://i.imgur.com/XwNPfIY.jpg) 100% 100% / cover; 
	background-repeat: no-repeat;
	background-position: center;
	transform: translate(-50%, -50%);
	-webkit-animation: pulse 8s infinite;
	transition: opacity 2s;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(.95) translate(-50%, -50%);
  }
  50% {
    transform: scale(1) translate(-48%, -48%);
  }
  100% {
    transform: scale(.95) translate(-50%, -50%);
  }
}