*{
	user-select: none;
}
a,div,img{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0 0;
	
	animation-fill-mode: forwards;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
html,body{
	overflow:hidden;
	position:absolute;
	padding:0;
	margin:0;
	cursor:pointer;
}
#clickthroughButton{
   display: block;
   top:0%;
   left:0%;
   position:absolute;
   
	width:100%;
	height:100%;
}
/*---------------------------*/
@keyframes fadeIn {
	0%   {opacity:0}
    100%   {opacity:1}
}
@keyframes  fadeOut{
	0%   {opacity:1}
    100%   {opacity:0}
}
.fin{
	opacity:0;
	animation-name: fadeIn;
	animation-duration: 0.7s;
}
.fout{
	opacity:1;
	animation-name: fadeOut;
	animation-duration: 0.7s;
}
.inout{
	opacity:0;
	animation-name: fadeIn,fadeOut;
	animation-duration: 0.9s,0.7s;
}
/*---------------------------*/
*{
	background-size:initial !important;
}
.q1{
	background-image:url('q1.jpg');
}
.q2{
	background-image:url('q2.jpg');
}
.end,#logo{
	background-image:url('end.jpg');
}
/*---------------------------*/
#hi{
	animation-delay:0.2s,1.5s;
}

#logo{
	animation-delay:2s;
}

#q1up{
	animation-delay:2.2s,4.7s;
}
#q1down{
	animation-delay:2.7s,4.7s;
}
#q1right{
	animation-delay:3.2s,4.7s;
}

#q2up{
	animation-delay:5.2s,7.5s;
}
#q2down{
	animation-delay:5.8s,7.5s;
}

#end_a{
	animation-delay:8.2s;
}
#end_b{
	animation-delay:8.6s;
}
#end_c{
	animation-delay:9s;
}