body {
  background-color: #000;
  color: #FFF;
}
a:link {
  color: #ffb266;
}
a:visited {
  color: #99ccff;
}
.container { position: relative;}
.container .controls {
  position: absolute;
  top: 0;
  right: 0;
  background: #222;
  border: 1px solid white;
  padding: 20px;
  width: 340px;
  font-family: "Arial";
  font-size: 11px;
}
.container .controls .separation{
  color: #88FF88;
}
.container .controls .alignment{
  color: #FF8888;
}
.container .controls .cohesion{
  color: #FF88FF;
}
.container .controls .obstacle{
  color: #88FFFF;
}
.container .footer {
  font-size: 11px;
}
textarea{
  font-family: "Courier";
  font-size: 8px;
  width:100%;
  height:200px;
}

.col-50 {
  float: left;
  width: 49%;
  display: inline-block;
}
.clearfix {
  clear: both;
}