pre {
  font-weight: bold;
  font-size: 1em;
}
.darkbubble,
.lightbubble {
  font-size: 2em;
}
.darkbubble:hover,
.lightbubble:hover {
  text-decoration: none;
  text-shadow: 0 0 5px;
}
.darkbubble,
.darkbubble:hover {
  color: #001144;
}
.lightbubble,
.lightbubble:hover {
  color: #CCDDFF;
}
.incomplete a {
  color: #888;
}
.incomplete:after {
  content: " (incomplete)";
}
.tabs,
.chord0,
.chordC {
  /*Red Apple*/
  color: #c00000;
  font-weight: bold;
}
.chord1,
.chord-11,
.chordDb {
  color: #ff0000;
}
.chord2,
.chord-10,
.chordD {
  color: #e75b28;
}
.chord3,
.chord-9,
.chordEb {
  color: #ff6400;
}
.chord4,
.chord-8,
.chordE {
  color: #969600;
}
.chord5,
.chord-7,
.chordF {
  color: #b4b400;
}
.chord6,
.chord-6,
.chordGb {
  /*Green Apple*/
  color: #64c000;
}
.chord7,
.chord-5,
.chordG {
  /*Lime*/
  color: #00dc00;
}
.chord8,
.chord-4,
.chordAb {
  /*Blue Razzberry*/
  color: #0096c8;
}
.chord9,
.chord-3,
.chordA {
  /*Blueberry*/
  color: #3737ff;
}
.chord10,
.chord-2,
.chordBb {
  color: #9600be;
}
.chord11,
.chord-1,
.chordB {
  color: #e7417c;
}
.btn-Z {
  margin: .5em 0;
  color: white;
  background-color: #999;
  border-color: #777777;
}
.btn-Z:hover {
  color: white;
  background-color: #888888;
  border-color: #666666;
}
.btn-C {
  margin: .5em 0;
  color: white;
  background-color: #c00000;
  border-color: #9e0000;
}
.btn-C:hover {
  color: white;
  background-color: #af0000;
  border-color: #8d0000;
}
.btn-Db {
  margin: .5em 0;
  color: white;
  background-color: #ff0000;
  border-color: #dd0000;
}
.btn-Db:hover {
  color: white;
  background-color: #ee0000;
  border-color: #cc0000;
}
.btn-D {
  margin: .5em 0;
  color: white;
  background-color: #e75b28;
  border-color: #c53906;
}
.btn-D:hover {
  color: white;
  background-color: #d64a17;
  border-color: #b42800;
}
.btn-Eb {
  margin: .5em 0;
  color: white;
  background-color: #ff6400;
  border-color: #dd4200;
}
.btn-Eb:hover {
  color: white;
  background-color: #ee5300;
  border-color: #cc3100;
}
.btn-E {
  margin: .5em 0;
  color: white;
  background-color: #969600;
  border-color: #747400;
}
.btn-E:hover {
  color: white;
  background-color: #858500;
  border-color: #636300;
}
.btn-F {
  margin: .5em 0;
  color: white;
  background-color: #b4b400;
  border-color: #929200;
}
.btn-F:hover {
  color: white;
  background-color: #a3a300;
  border-color: #818100;
}
.btn-Gb {
  margin: .5em 0;
  color: white;
  background-color: #64c000;
  border-color: #429e00;
}
.btn-Gb:hover {
  color: white;
  background-color: #53af00;
  border-color: #318d00;
}
.btn-G {
  margin: .5em 0;
  color: white;
  background-color: #00dc00;
  border-color: #00ba00;
}
.btn-G:hover {
  color: white;
  background-color: #00cb00;
  border-color: #00a900;
}
.btn-Ab {
  margin: .5em 0;
  color: white;
  background-color: #0096c8;
  border-color: #0074a6;
}
.btn-Ab:hover {
  color: white;
  background-color: #0085b7;
  border-color: #006395;
}
.btn-A {
  margin: .5em 0;
  color: white;
  background-color: #3737ff;
  border-color: #1515dd;
  text-shadow: 1px 1px 1px black;
}
.btn-A:hover {
  color: white;
  background-color: #2626ee;
  border-color: #0404cc;
}
.btn-Bb {
  margin: .5em 0;
  color: white;
  background-color: #9600be;
  border-color: #74009c;
}
.btn-Bb:hover {
  color: white;
  background-color: #8500ad;
  border-color: #63008b;
}
.btn-B {
  margin: .5em 0;
  color: white;
  background-color: #e7417c;
  border-color: #c51f5a;
}
.btn-B:hover {
  color: white;
  background-color: #d6306b;
  border-color: #b40e49;
}
/*# sourceMappingURL=data:application/json;base64,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 */