body {
	background: rgb(28, 28, 28) url(../img/bg.jpg) repeat 50% 0;
	font-family: 'Roboto', sans-serif;
}
body h1 {
	color: #2E9AFE;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 0 0 transparent, 0px 0px 6px #2E9AFE;
    -webkit-animation: 20s ease-in-out 0s infinite alternate both running colorAnim;
    -moz-animation: 20s ease-in-out 0s infinite alternate both running colorAnim;
    -o-animation: 20s ease-in-out 0s infinite alternate both running colorAnim;
    animation: 20s ease-in-out 0s infinite alternate both running colorAnim;
}
.wrap-outer {
	bottom: 0;
	display: table;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.wrap-inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

@keyframes colorAnim {
	0% {
		color: #2E9AFE;
		// text-shadow: 0 0 0 transparent, 0px 0px 6px #2E9AFE;
		text-shadow: 0 0 0.15em transparent, 0 0 0.15em #2E9AFE, 0 0 0.15em transparent;
	}
	25% {
		color: #FA58AC;
		// text-shadow: 0 0 0 transparent, 0px 0px 6px #FA58AC;
		text-shadow: 0 0 0.15em transparent, 0 0 0.15em #FA58AC, 0 0 0.15em transparent;
	}
	50% {
		color: #FFF;
		text-shadow: 0 0 0.15em #E80101, 0 0 0.15em #E80101, 0 0 0.15em #E80101;
	}
	75% {
		color: #FE9A2E;
		// text-shadow: 0 0 0 transparent, 0px 0px 6px #FE9A2E;
		text-shadow: 0 0 0.15em transparent, 0 0 0.15em #FE9A2E, 0 0 0.15em transparent;
	}
	100% {
		color: #F9CB6D;
		// text-shadow: 0 0 0 transparent, 0px 0px 6px #F9CB6D;
		text-shadow: 0 0 0.15em transparent, 0 0 0.15em #FE9A2E, 0 0 0.15em transparent;
	}
}

// #FF00FF
// #FA58AC
// color: rgb(255, 255, 255);
// font-weight:bold;
// text-shadow: 0 0 0.5em #E80101, 0 0 0.5em #E80101, 0 0 0.5em #E80101;

// color: #FE9A2E;
// text-shadow: 0px 0px 3px #FE9A2E;

// color:#F9CB6D;
// text-shadow: 0px 0px 3px #F9CB6D;