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;
}
.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: #c8c800;
}
.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: #0000c8;
}
.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: #c8c800;
  border-color: #a6a600;
}
.btn-F:hover {
  color: white;
  background-color: #b7b700;
  border-color: #959500;
}
.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: #0000c8;
  border-color: #0000a6;
}
.btn-A:hover {
  color: white;
  background-color: #0000b7;
  border-color: #000095;
}
.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4Lmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJBO0VBQ0MsaUJBQUE7RUFDQSxjQUFBOztBQUVEO0FBQWE7RUFDWixjQUFBOztBQUVELFdBQVc7QUFBUSxZQUFZO0VBQzlCLHFCQUFBO0VBQ0Esb0JBQUE7O0FBRUQ7QUFBYSxXQUFXO0VBQ3ZCLGNBQUE7O0FBRUQ7QUFBYyxZQUFZO0VBQzFCLGNBQUE7O0FBU0E7QUFBTztBQUFTOztFQUxmLGNBQUE7RUFPQSxpQkFBQTs7QUFFRDtBQUFTO0FBQVc7RUFUbkIsY0FBQTs7QUFZRDtBQUFTO0FBQVc7RUFabkIsY0FBQTs7QUFlRDtBQUFTO0FBQVU7RUFmbEIsY0FBQTs7QUFrQkQ7QUFBUztBQUFVO0VBbEJsQixjQUFBOztBQXFCRDtBQUFTO0FBQVU7RUFyQmxCLGNBQUE7O0FBd0JEO0FBQVM7QUFBVTs7RUF4QmxCLGNBQUE7O0FBMkJEO0FBQVM7QUFBVTs7RUEzQmxCLGNBQUE7O0FBOEJEO0FBQVM7QUFBVTs7RUE5QmxCLGNBQUE7O0FBaUNEO0FBQVM7QUFBVTs7RUFqQ2xCLGNBQUE7O0FBb0NEO0FBQVU7QUFBVTtFQXBDbkIsY0FBQTs7QUF1Q0Q7QUFBVTtBQUFVO0VBdkNuQixjQUFBOztBQXlERDtFQWJDLGNBQUE7RUFDQSxZQUFBO0VBQ0Esc0JBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBT0Y7RUFqQkMsY0FBQTtFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQUlBLE1BQUM7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFVRjtFQXBCQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsT0FBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQWFGO0VBdkJDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBZ0JGO0VBMUJDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxPQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBbUJGO0VBN0JDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBc0JGO0VBaENDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBeUJGO0VBbkNDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxPQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBNEJGO0VBdENDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBK0JGO0VBekNDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxPQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBa0NGO0VBNUNDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBcUNGO0VBL0NDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxPQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBd0NGO0VBbERDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUEifQ== */