body {
  border: 0;
  margin: 0;
  padding: 0; }

div.chord {
  border: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 1%; }

div.chord img {
  border: 0;
  display: block;
  margin: 0 auto;
  max-height: 300px;
  max-width: 400px;
  padding: 0;
  width: 100%; }

div.chords_type {
  clear: both;
  font-size: 24px;
  height: 62px; }

div.guitar div, div.piano div {
  clear: both;
  height: 28px; }

div.diatonic div {
  clear: both;
  height: 20px; }

div.guitar {
  width: calc(100% / 3 - 2%); }

div.piano {
  width: 31.333%;
  height: 210px; }

div.chord_name {
  float: left;
  font-size: 13px;
  height: 100px;
  margin: 0;
  padding: 1%;
  text-orientation: mixed;
  width: 3.5%;
  writing-mode: vertical-lr; }

div.diatonic {
  height: 100px;
  width: 11.5%; }

div#guitar_chords, div#piano_chords {
  clear: both; }

/*# sourceMappingURL=reference_guides.css.map */