body {
  font-family: "Verdana";
  font-weight: bold;
  box-sizing: border-box;
  background-color: #dddddd;
}
a {
  color: inherit;
}
.darken {
  background-color: #880000;
}
#title {
  background-color: yellow;
}
#decker-title {
  background-color: #d79796;
  font-size: 24px;
}
#squid-title {
  background-color: #d8e4be;
  font-size: 24px;
}
#brad-title {
  background-color: #95cddc;
  font-size: 24px;
}
#brule-title {
  background-color: #f9c094;
  font-size: 24px;
}
#recent-title {
  background-color: #a188bd;
  font-size: 24px;
}
#past-title {
  background-color: #f4989e;
  font-size: 24px;
}
.results {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.results .question {
  padding: 10px;
}
.results .answer {
  display: inline;
  font-weight: normal;
  font-size: 14px;
  margin-left: 1em;
  vertical-align: middle;
}
.results .percentage {
  display: inline;
  font-weight: normal;
  color: red;
  font-size: 12px;
  vertical-align: middle;
}
#results-container:nth-child(even) {
  background-color: white;
}
.end-result {
  border-bottom: 3px solid #666666;
}
.main {
  padding: 5px;
}
.main * {
  box-sizing: border-box;
}
.main img {
  padding: 10px;
  display: inline;
  max-width: 100%;
  vertical-align: middle;
}
.main .darken {
  opacity: 0.5;
}
.hide {
  display: none;
}
.header {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  margin: 1em auto 1em;
  text-transform: uppercase;
}
.header #intro {
  text-transform: none;
}
.header #large {
  text-transform: uppercase;
  font-size: 34px;
}