body {
	margin: 0px;
	padding: 0px;
	background-color: #212123;
	color: #FFF;
}

header {
	font-size: 200%;
	color: #212123;
  text-align: center;
  line-height: 60px;
  background: #ffb400;
  background: -moz-linear-gradient(top,  #ffb400 0%, #ff8500 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb400), color-stop(100%,#ff8500));
  background: -webkit-linear-gradient(top,  #ffb400 0%,#ff8500 100%);
  background: -o-linear-gradient(top,  #ffb400 0%,#ff8500 100%);
  background: -ms-linear-gradient(top,  #ffb400 0%,#ff8500 100%);
  background: linear-gradient(to bottom,  #ffb400 0%,#ff8500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ff8500',GradientType=0 );
}

header span {
  font-weigth: bold;
  color: #FF0000;
}

nav {
  margin: 5px 0;
  color: #ffb400;
  background: rgba(129,63,21,0.5);
}

nav a {
  color: #ffb400;
  text-decoration: none;
  padding-left: 20px;
  border: 1px solid #212123;
  display: block;
  line-height: 60px;
}

#plus {
  background: rgba(20,20,240,0.8);
  color: white;
  font-weight: bold;
}

#hat {
  background: rgba(251,215,26,0.8);
  color: #B3191D;
  font-weight: bold;
}

#birdie {
  background: #45E196;
  font-weight: bold;
}

div {
	clear: both;
	margin: 0 10px;
}

textarea {
  height: 150px; 
  width: 100%; 
  border-radius: 3px;
}

label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4
}

/* hide input */
input.radio:empty {
	margin-left: -999px;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.5em;
	text-indent: 3.25em;
	margin-top: 2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #353839;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #FFF;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #FFF;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 1px #FFF;
}