body {
	font-family: "Open Sans";
  background-color: #629CF3;
}

#title {
	text-align: center;
  color: #F3F8FE;
}

#gen-info label {
	width: 100%;
}
#gen-info input,
#gen-info textarea {
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: #0363F0;
  background-color: #F3F8FE;
  border: 2px solid #629CF3;
  width: 100%;
  font-size: 1em;
}
#gen-info input {
	height: 2em;
}

#spice-girl {
	text-align: center;
}
#spice-girl label {
	margin-right: 1.5em;
}

#misc label,
#misc input {
	width: 100%;
}

.field {
  background-color: #9DC1F6;
	border-color: #0363F0;
  border-radius: 10px;
  padding: 1.5em;
}
.field legend {
	background-color: #0363F0;
  color: #F3F8FE;
  text-transform: uppercase;
  padding: 0.5em 1.5em;
  text-align: center;
  font-weight: 600;
}

.text-center {
	text-align: center;
}

.btn {
	padding: 0.5em 1em;;
  margin-right: 0.5em;
  border-radius: 10px;
  border: 1px solid transparent;
  text-transform: uppercase;
}
#btn-submit {
	background-color: #0363F0;
  color: #F3F8FE;
}
#btn-submit:hover {
	background-color: #9DC1F6;
  color: #0363F0;
}
#btn-reset {
	background-color: #FF6400;
  color: #FFF8F3;
}
#btn-reset:hover {
	background-color: #FFC29A;
  color: #FF6400;
}

#vg input[type="checkbox"] {
	-webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 1em;
  height: 1em;
  border: 1px solid #0363F0;
  vertical-align: -3px;
  color: #0363F0;
}
#vg input[type="checkbox"]:before {
	content: "✔";
  position: absolute;
  font-size: 1.5em;
  right: -0.2em;
  top: -0.6em;
  visibility: hidden;
}
#vg input[type="checkbox"]:checked:before {
	visibility: visible;
}