body {
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 14px;
	background: silver;
}

h1 {
	font-size: 300%;
	color: black
}

#home p {
	font-size: 200%;
	margin: 0 7em 0 4em;
}

div#question,
#end,
#new,
#win {
	text-align: center;
	width: 50em;
	margin: 0 auto;
}

#question h2,
#end h2 {
	font-size: 200%;
	border: 0.3em solid black;
	padding: 1em;
}

.button {
	padding: 1em 2em;
	margin: 1em;
}

input#question,
input#answer {
	text-align: left;
	width: 10em;
}

input#question {
	width: 30em;
}


label {
	display: block;
}

.radios label {
	display: inline;
}

/* fieldsets are so bad to style, so custom class..*/
.fieldset {
	border: 0.1em solid black;
}