body {
	background-image: url("../media/ice.gif");
}

#spinner {
	font-size: 100px;
	color: cyan;
	text-align: left;
	animation-name: spin, depth;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	transform-style: preserve-3d;
	position: relative;
	margin-top: -10px;
}

#spinner::before,
#spinner::after {
	content: "HOLY SHIT";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transform: rotateY(0.5deg);
	transform-origin: 0 50%;
}

#spinner::after {
	transform: rotateY(-0.5deg);
	transform-origin: 100% 50%;
}

@keyframes spin {
	from {
		transform: rotateY(0deg);
	}

	to {
		transform: rotateY(-360deg);
	}
}

@keyframes depth {
	0% {
		text-shadow: 0 0 cyan;
	}

	25% {
		text-shadow: 1px 0 cyan, 2px 0 cyan, 3px 0 cyan, 4px 0 cyan, 5px 0 cyan, 6px 0 cyan;
	}

	50% {
		text-shadow: 0 0 cyan;
	}

	75% {
		text-shadow: -1px 0 cyan, -2px 0 cyan, -3px 0 cyan, -4px 0 cyan, -5px 0 cyan, -6px 0 cyan;
	}

	100% {
		text-shadow: 0 0 cyan;
	}
}

.centered {
	position: fixed;
	top: 0%;
	left: 50%;
	margin-top: 30px;
	margin-left: -165px;
}

.rotate {
	animation: rotation 8s infinite linear;
	position: fixed;
	top: 20%;
	left: 55%;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.text {
	color: cyan;
	font-size: 150px
}