* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
  padding: 10px;
}

h1 {
	margin-bottom: 10px;
	text-align: center;
}

.question {
  background-color: rgba(190,190,190,0.5);
	border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
}

input[type="checkbox"]:first-of-type,
input[type="radio"]:first-of-type {
  margin-top: 10px;
}

input[type="checkbox"]:not(:first-of-type),
input[type="radio"]:not(:first-of-type) {
  margin-top: 5px;
}

input[type="submit"] {
  background-image: -webkit-linear-gradient(
  	bottom,
  	rgb(73,132,180) 0%,
  	rgb(97,155,203) 100%
  );
  background-image: -moz-linear-gradient(
  	bottom,
  	rgb(73,132,180) 0%,
  	rgb(97,155,203) 100%
  );
  background-image: -o-linear-gradient(
  	bottom,
  	rgb(73,132,180) 0%,
  	rgb(97,155,203) 100%
  );
	background-image: linear-gradient(
  	bottom,
  	rgb(73,132,180) 0%,
  	rgb(97,155,203) 100%
	);
  border: 1px solid #538fbe;
  border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
  padding: 5px;
}

#dev-info {
  background-color: rgba(0,0,0,0.75);
  border-radius: 5px;
  color: white;
  font-family: monospace;
  font-size: 12px;
  margin-top: 10px;
  padding: 10px;
}