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

.chord-card {
  border-color: #073642;
  background: #002b36;
}

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

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

.fretboard .fret {
  background: #002b36 !important;
}

.fret {
  border: .5px solid #586e75;
  border-left: 2px solid #073642;
  border-right: 2px solid #073642;
  background: #073642;
  color: transparent;
}

.fret[data-dot]::after {
  background: rgba(220, 50, 47, 0.7);
  border: 1px solid #cb4b16;
}

.fret:empty {
  background: #073642;
}

.alternatives h3 {
  color: #839496;
}

.barre-line {
  background: #dc322f;
}

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