body {
	background-color: 000000;
}

.nav {
	padding: 5px;
	margin: 0 6vw;
	text-align: center;
	color: blue;
}

.nav:hover {
	color: crimson;
}

.nav:active {
	color: red;
}

.navCur {
	padding: 20px 1vw;
	margin: 10vw;
	text-align: center;
}

ul.navList {
	height: 50px;
	background-color: #a67b1d;/*#9a7618;*/
}

p, a, div, h2, h3, u {
	color: FFFFFF;
	font-size: 20;
}
* {
	font-family: Candara;
}

a.navText {
	/* color: black; */
}

h2 {
	color: 9a7618;
}

button {
	padding: 10px;
	border: 2px solid black//#a67b1d;
	border-radius: 10px;
	transition-duration: 0.3s;
	width: 85px;
}

button:hover {
	background-color: grey;
}

button:active {
	background-color: a67b1d;
}

.link {
	color: a67b1d;
}

.link:hover {
	color: red;
}

.link:active {
	color: crimson;
}

button.info {
	background-color: a67b1d;
}


@keyframes FadeIn {
	0% {color: black}
	100% {color: a67b1d}
}

@keyframes infoIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

.infoAnimIn {
	animation-name: infoIn;
}

/*
@keyframes infoOut {
	0% {opacity: 1}
	100% {opacity: 0;}
}
.infoAnimOut {
	animation-name: infoOut;
} */