#red, #green, #blue {
  width: 66%;
  margin: 1em 2%;
}
#colorcode {
  margin: 1em 2%;
  text-align: center;
  font-family: monospace;
}
#color {
  font-size: 300%;
}
#swatch {
  float: right;
  width: 25%;
  height: 10em;
  margin-top: 0;
  margin-right: 2%;
  background-image: none;
}
#red .ui-slider-range { background: #b00; }
#red .ui-slider-handle { border-color: #d00;}
#green .ui-slider-range { background: #0b0; }
#green .ui-slider-handle { border-color: #0d0; }
#blue .ui-slider-range { background: #00b; }
#blue .ui-slider-handle { border-color: #00d; }

section#mixer {
  margin: 4em 2em;
}
p.cite {
  clear: both;
  margin-top: 5em;
}