html, body, div, p {border:0; margin:0; padding:0; }
body {
	font: 30px 'Ubuntu', sans-serif;
	background-color: black;
	color: white;
	text-align: center;
}
#loading, #play {
	background-color: #223;
	margin: 30px;
	padding: 20px;
	border: 0px solid #36c;
	box-shadow: 0 0 50px 5px #49f, 0 0 25px 5px #49f inset;
	border-radius: 5px 50px 5px 30px;
}
#play { display: none; }
.choice {
	background-color: #223;
	width: 40%;
	margin: 20px 5%;
	padding: 10px 0;
	border-radius: 3px 25px 3px 15px;
	box-shadow: 0 0 25px 3px #49f, 0 0 13px 3px #49f inset;
	transition: .25s all ease-in-out;
	-webkit-transition: .25s all ease-in-out;
	-moz-transition: .1s all ease-out;
}
.active:hover, .on {
	background-color: #232;
	box-shadow: 0 0 50px 5px #4f9, 0 0 25px 5px #4f9 inset;
}
.off {
	background-color: #223;
	box-shadow: 0 0 25px 3px #335d98, 0 0 13px 3px #335d98 inset;
}
a, a:visited {
	color: #49f;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
	text-shadow: 0 0 10px #49f;
}
#again { display: none; }
#l { float: left; }
#r { float: right; }
#result { clear: both; }