html {
	font-family: sans-serif;
	font-size: 16px;
}


#header {
	margin-top: 60px;
	font-size: 200%;
	text-align: center;
}

#about-box {
	width: 90%;
	margin: auto;
}

#about-toggle {
	color: #474747;
}

#about-toggle:hover {
	color: #a0a0a0;
}

.hidden {
	display: none;
}

#namebox {
	text-align: center;
	width:400px;
	padding: 50px;
	font-size: 150%;
	background-color: #b9cbe8;
	margin:auto;
	margin-top: 60px;
	border-radius: 20px;
}

#guesses {
	text-align: center;
	margin:auto;
	width: 600px;
}

a.button {
	margin-top:10px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 20px;
	background-color: #1f5489;
	display: inline-block;
	padding: 35px;
	width: 100px;
	text-decoration: none;
	color: white;
}

a.button:hover {
	background-color: #294766;
}

#result {
	width: 500px;
	margin:auto;
	margin-top:10px;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	font-size: 110%;
}

.infolink {
	color: blue;
}

.correct {
	background-color: #a0efa5;
}

.incorrect {
	background-color: #e5998e;
}

#percentage {
	text-align: center;
	margin-top: 15px;
	font-size: 175%;
}