html { font-family: Arial, sans-serif; font-size:10px; line-height:1.6; }
html, body {
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color: rgb(51,0,0);
	background-image:radial-gradient(rgba(0,0,0,0) 40%,rgb(0,0,0,1) 100%);
	color:rgba(255,255,255,.4);
	overflow: hidden;
	animation: flash 10s linear infinite;
}

h1 { 
	position:relative; 
	font-size:7rem; 
	text-align:center; 
	top:10%;
	text-shadow: 6px 10px 5px rgba(255,0,0,.0);
	z-index: 1;
}

h1 span { 
	display: inline-block;
	font-weight: normal; 
	font-size: 15rem;
	margin: 7.5rem -2.8rem -7.6rem -2.2rem;
	vertical-align: middle;
	color: rgba(255,255,255,.4);
}
h2 span { 
	font-weight: normal; 
}

.p14 { font-size:1.4rem }
.p16 { font-size:1.6rem }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }

.logo { 
	position:relative;
	margin:auto;
	display: block;
	top: 0%;
	animation:logo 300s linear infinite;
	transform-origin: 50% 50%;
	opacity: 0;
	max-width: 100%;
	z-index:0;
}
@keyframes logo {
	0% { transform: rotateZ(0deg) scale(0); opacity: 0; transform-origin: 50% 50%; }
	60% { transform: rotateZ(600deg) scale(9); opacity: 1; transform-origin: 50% 60%; }	
	100% { transform: rotateZ(1000deg) scale(18); opacity: 0; transform-origin: 50% 70%; }
}
/*
	0% { transform:rotateZ(0deg) scale(.01); opacity: 0; }
	50% { transform:rotateZ(720deg) scale(1); opacity: .5; }	
	100% { transform:rotateZ(1440deg) scale(10); opacity: 0; }
*/

div {
	position: relative;
	top:-30%;
	margin: auto;
	width: 90%;
	max-width: 20rem;
	z-index: 1;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
@keyframes flash {
	0% { background-color: rgb(51,0,0);}	
	17% { background-color: rgb(51,51,0);}	
	33% { background-color: rgb(0,51,0);}	
	50% { background-color: rgb(0,51,51);}	
	66% { background-color: rgb(0,0,51);}	
	83% { background-color: rgb(51,0,51);}	
	100% { background-color: rgb(51,0,0);}	
}