* { box-sizing: border-box;}
		html, body { height: 100%; width: 100%; margin: 0; padding: 0;}

		body {
			background-color: #000;
			background-image: linear-gradient(to bottom, #004B79, #004B79 50%, #000 50%, #000);
			background-size: 100% 3px;
			box-shadow: 0 0 1000px 30px #000 inset;
			font-family:"Dosis", Arial, Helvetica, sans-serif;
			transition: background-color 1s;
			display: flex;
			align-items: center;
			justify-content: center;
			-webkit-animation-duration: 3s;
					animation-duration: 3s;
			-webkit-animation-name: bg;
					animation-name: bg;
			-webkit-animation-iteration-count: infinite;
					animation-iteration-count: infinite;
		}
		.content {
			color: #FFFFFF;
			font-size: 20px;
			text-align: center;
			margin: 0;
			padding: 0 10%;
			-webkit-animation-duration: .2s, 2s;
					animation-duration: .2s, 2s;
			-webkit-animation-name: textFlicker, textShadow;
					animation-name: textFlicker, textShadow;
			-webkit-animation-iteration-count: infinite;
					animation-iteration-count: infinite;
		}
		.content h1 {font-size: 3em;}
		.content strong {font-size: 2em;}
		.content p, .content p strong {font-size: 1.4em;}

		@-webkit-keyframes textFlicker {
			0%  { opacity: 0.35;}
			30% { opacity: 0.40;}
			68% { opacity: 0.39;}
			100%{ opacity: 0.36;}
		}
		@keyframes textFlicker {
			0%  { opacity: 0.35;}
			30% { opacity: 0.40;}
			68% { opacity: 0.39;}
			100%{ opacity: 0.36;}
		}
		@-webkit-keyframes textShadow {
			0%  { text-shadow: 0 0 5px #fff;}
			25% { text-shadow: 0 0 6px #fff;}
			40% { text-shadow: 0 0 4px #fff;}
			65% { text-shadow: 0 0 8px #fff;}
			75% { text-shadow: 0 0 5px #fff;}
			90% { text-shadow: 0 0 4px #fff;}
			100%{ text-shadow: 0 0 5px #fff;}
		}
		@keyframes textShadow {
			0%  { text-shadow: 0 0 5px #fff;}
			25% { text-shadow: 0 0 6px #fff;}
			40% { text-shadow: 0 0 4px #fff;}
			65% { text-shadow: 0 0 8px #fff;}
			75% { text-shadow: 0 0 5px #fff;}
			90% { text-shadow: 0 0 4px #fff;}
			100%{ text-shadow: 0 0 5px #fff;}
		}
		@-webkit-keyframes bg {
			from { background-position: 0 6px;}
			to   { background-position: 0 0;}
		}
		@keyframes bg {
			from { background-position: 0 6px;}
			to   { background-position: 0 0;}
		}
		
@media screen and (max-width: 469px) {
		.content h1 {font-size: 1.4em;}
		.content p, .content p strong {font-size: 0.8em;}
		.content strong {font-size: 1em;}
}