body {
  margin: 30px;
  font-family: sans-serif;
  line-height: 1.4em;
}
#content {
  max-width: 600px;
  display: inline-block;
  float: left;
  margin-bottom: 80px;
}
.bot-list {
  display: inline-block; 
  margin-left: 70px;
}
  iframe {
    width: 300px;
  }
h1 {
}
h2 {
  color: rgba(0,0,0,0.5);
}
h3 {
  color: rgba(0,0,0,0.5);
}
.header a {
  color: rgba(0,0,0,0.5);
  text-decoration: none;
}
a {
  color: rgba(0,0,255,0.45);
}
.rainbow:hover {
  -webkit-animation:rainbow 1s infinite;
  -ms-animation:rainbow 1s infinite;
  -o-animation:rainbow 1s infinite;
  animation:rainbow 1s infinite;
}
.rainbow-ugh {
  -webkit-animation:rainbow 2s infinite linear;
  -ms-animation:rainbow 2s infinite linear;
  -o-animation:rainbow 2s infinite linear;
  animation:rainbow 2s infinite linear;
}
@-webkit-keyframes rainbow {
  0% {color: #ff0000; font-size: 100%;}
  10% {color: #ff8000; font-size: 110%;}
  20% {color: #ffff00; font-size: 120%;}
  30% {color: #80ff00; font-size: 130%;}
  40% {color: #00ff00; font-size: 140%;}
  50% {color: #00ff80; font-size: 150%;}
  60% {color: #00ffff; font-size: 140%;}
  70% {color: #0080ff; font-size: 130%;}
  80% {color: #0000ff; font-size: 120%;}
  90% {color: #8000ff; font-size: 110%;}
  100% {color: #ff0080; font-size: 100%;}
}
@-ms-keyframes rainbow {
  0% {color: #ff0000; font-size: 100%;}
  10% {color: #ff8000; font-size: 110%;}
  20% {color: #ffff00; font-size: 120%;}
  30% {color: #80ff00; font-size: 130%;}
  40% {color: #00ff00; font-size: 140%;}
  50% {color: #00ff80; font-size: 150%;}
  60% {color: #00ffff; font-size: 140%;}
  70% {color: #0080ff; font-size: 130%;}
  80% {color: #0000ff; font-size: 120%;}
  90% {color: #8000ff; font-size: 110%;}
  100% {color: #ff0080; font-size: 100%;}
}
@-o-keyframes rainbow {
  0% {color: #ff0000; font-size: 100%;}
  10% {color: #ff8000; font-size: 110%;}
  20% {color: #ffff00; font-size: 120%;}
  30% {color: #80ff00; font-size: 130%;}
  40% {color: #00ff00; font-size: 140%;}
  50% {color: #00ff80; font-size: 150%;}
  60% {color: #00ffff; font-size: 140%;}
  70% {color: #0080ff; font-size: 130%;}
  80% {color: #0000ff; font-size: 120%;}
  90% {color: #8000ff; font-size: 110%;}
  100% {color: #ff0080; font-size: 100%;}
}
@keyframes rainbow {
  0% {color: #ff0000; font-size: 100%;}
  10% {color: #ff8000; font-size: 110%;}
  20% {color: #ffff00; font-size: 120%;}
  30% {color: #80ff00; font-size: 130%;}
  40% {color: #00ff00; font-size: 140%;}
  50% {color: #00ff80; font-size: 150%;}
  60% {color: #00ffff; font-size: 140%;}
  70% {color: #0080ff; font-size: 130%;}
  80% {color: #0000ff; font-size: 120%;}
  90% {color: #8000ff; font-size: 110%;}
  100% {color: #ff0080; font-size: 100%;}
}
