body{
	padding:0; margin:0; 
 
}
 
.container{
	width:30%;
	margin: 0.5% 32%;
	position:relative;
}
 
.click{
	position:relative;
	top:0;
}
 
.pic img{
	position:absolute;
	top:0;
	left:0;
}

.donotclick{
	margin-left:15%;
}
 
.pic{
	overflow:hidden;
}
 
#one{
	left:-1000px;
	transition: all 2s ease-in-out 0s;
	position:relative;
}
 
#two{
	left:1000px;
	transition: all 2s ease-in-out 0s;
	position:relative;
}
 
#three{
	top:-1000px;
	transition: all 2s ease-in-out 0s;
	position:relative;
}
 
#four{
	top:1000px;
	transition: all 2.0s ease-in-out 0s;
	position:relative;
}
 
#five{
	left:-1000px;
	transition: all 2s ease-in-out 0s;
	position:relative;
}
 
#six{
	opacity:0;
	position:relative;
	transition: all 2s ease-in-out 0s;
	transition-delay: 1.7s;
}
 
#seven{
	display: block;
	transition: all 2s ease-in-out 0s;
}

#nine{
	padding:0;
	margin:0;
	position:fixed;
	top:10px;
	z-index: 5;
	left:28%;
}

#ten{
	padding:0;
	margin:0;
	top: 10px;
	z-index: 4;
	left: 28%;
	transition: all 2s ease-in-out;
	transition-delay: 3s;
}