@import url('chords-light.css');

.chord-card {
  border-color: #2a2a29;
  background: #111;
}

.chord-card h2 {
  color: #fff;
}

.fretboard {
  border: .5px;
  background: #222;
}

.fretboard .fret {
  background: #111 !important;
}

.fret {
  border: .5px solid #333;
  border-left: 2px solid #222;
  border-right: 2px solid #222;
  background: #2a2a2a;
  color: transparent;
}

.fret[data-dot]::after {
  background: rgba(255, 205, 86, 0.7);
  border: 1px solid #f7bb33;
}

.fret:empty {
  background: #2a2a2a;
}

.alternatives h3 {
  color: #fff;
}

.barre-line {
  background: #ffcd56;
  color: #000;
}

.fret[muted] {
  color: #fff;
}