html{
	background: black;
}

main{
	position:fixed;
	background: black;
	height:100%;
	width:100%;
	
	display: flex;
	justify-content: center;
	align-items: center; 
}

#construction{
	
	color:white;
	font-size:14px;
	overflow-x:hidden;
}

#construction, #construction *{
	cursor:none;
}

#constructionTextBox{
	nposition:absolute;
	padding-top:-4px;
	padding: 0px 0px 2px 120px;
	background-color:rgba(255,0,0,0.5);
	background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.7));
}

#constructionTextBox2{
	position:absolute;
	bottom:0px;
	width:100%;
	
	text-align:right;
	
	padding: 2px 120px 0px 0px;
	box-sizing:border-box;
	
	background-color:rgba(255,0,0,0.5);			
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,1));
}

#construction h1{
	margin:0px;
	color:white;
	font-variant: small-caps;
	font-size:20px;
}

#construction p{
	margin:0px;
}

#construction a:hover{
	outline: 2px solid #9f9;
	color:#f33;
}


#construction #hdiv{
	height:1px;
	width:100%;
	background-color:#3f3;
	position:absolute;
	top:20px;
}

#construction #vdiv{
	height:100%;
	width:1px;
	background-color:#3f3;
	position:absolute;
}

#explosion{
	animation-name: explosion;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: steps(12, end);
}

@keyframes explosion {
	from {background-position-x: 1152px;}
	to {background-position-x: 0px;}
}