@CHARSET "UTF-8";

html,body {
	background-color: #eee;
	color: #2c2c2c;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: sans-serif;
}

#wrapper {
	margin-top: 6ex;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	position: relative;
}

#content {
	position: relative;
}

article {
	background: #bdf;
	box-shadow: 0 0 5px 5px #acd;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	padding: 2ex;
	margin-left: auto;
	border-radius: 12px;
}

h1 {
	box-shadow: inset 0 0 4px 4px #bdf;
	font-size: 40px;
	letter-spacing: 1.5px;
	text-align: center;
	width: 600px;
	margin: 1ex auto;
	padding: 1ex;
	background: #fff;
	font-family: serif;
}

aside {
	background: #fff;
	box-shadow: inset 0 0 2px 2px #bdf;
	right: 0px;
	top: 20ex;
	padding: 12px;
	position: absolute;
}

#answer {
	position: relative;
	padding: 12px;
}

fieldset.selector {
	width: 400px;
}

fieldset.submit {
	width: 300px;
	left: 420px;
	top: 140px;
	position: absolute;
}

.error {
	position: relative;
	z-index: 100;
}

.submit input {
	font-size: 1em;
	padding: 2ex;
}

footer {
	background: #fff;
	border: 2px solid #acd;
	border-top: 0;
	box-shadow: inset 0 0 4px 4px #acd;
	margin-left: auto;
	margin-right: auto;
	width: 460px;
	text-align: center;
	padding: 2ex;
}