/*
	AUTHOR: Dr. Alistair Ward
*/

.navigationButton {
	border:	0;
	width:	2.5vw;
	filter:	drop-shadow(3px 3px 4px black);
}

.previousButton {
	float:	left;
}

.downloadButton, .homeButton {
	display:	block;
	margin-left:	auto;
	margin-right:	auto;
}

.nextButton {
	float:	right;
}

img.heading {
	vertical-align:	middle;
}

img.left {
	float:		left;
	margin-left:	1px;
	margin-right:	8px;
}

img.right {
	float:		right;
	margin-left:	8px;
	margin-right:	1px;
}

img.transparent {
	left:		0;
	opacity:	0.1;
	position:	absolute;
	top:		0;
	z-index:	-1;
}

#w3c {
	background:	rgba(0,0,255,0.1);
	border:		3px;
	border-style:	groove;
	display:	inline-block;
	margin-top:	1em;
	padding:	3px;
/*	width:		8%;	*/
}

#w3c img {
	width:	48%;
}

#w3c a {
	text-decoration:	none;
}

@keyframes rotateHue {
	from {
		filter:	hue-rotate(0deg);
	}
	to {
		filter:	hue-rotate(360deg);
	}
}

.rotatingHue {
	animation-name:			rotateHue;
	animation-duration:		59s;
	animation-timing-function:	linear;
	animation-iteration-count:	infinite;
}

@keyframes spin {
	from {
		transform:	rotate(0deg);
	}
	to {
		transform:	rotate(360deg);
	}
}

.spinning {
	animation-name:			spin;
	animation-duration:		30s;
	animation-timing-function:	ease-in;
	animation-iteration-count:	infinite;
}

.shadowy {
	filter:	drop-shadow(3px 3px 4px black);
}