body,html{font-family:sans-serif;height:100%;margin:0;line-height:1}#app{display:flex;flex-direction:column;justify-content:center;height:100%}#settings{background:rgba(0,0,0,.3);padding:16px;position:absolute;top:0;left:0;right:0;display:none}#credits{text-align:right;margin:auto 0 auto auto}.badge{display:inline-block;vertical-align:middle}h1{font-size:1.3em;margin:0}p{font-size:.8em;margin:0 0 .1em}a{color:#bf3a2b}#app:hover #settings{display:flex;flex-direction:row-reverse}#chordContainer{height:50vh;display:flex;justify-content:center;align-items:center;flex-grow:1}#chord{font-size:25vh;text-align:center}#notes{height:10vh;font-size:8vh;margin:auto;flex-grow:0;white-space:nowrap}.flat,.sharp{margin:0 -.2em}.key{font-weight:bolder}.chordname,.key{white-space:nowrap}.chordname{font-style:italic;font-weight:400}.bassnote{font-size:.6em;opacity:.5}#keyboard{margin-top:auto;background:#000;padding:8px}#keyboard-bg{fill:#000}#board{fill:none;stroke:#000}.piano-key{stroke:#666}.note.white .piano-key{fill:url(#whiteKey)}.note.black .piano-key{fill:url(#blackKey)}.note.white.active .piano-key{fill:#ecb2ac;filter:url(#inset-shadow)}.note.black.active .piano-key{fill:#bf3a2b;filter:url(#inset-shadow)}.note.white .piano-tonic{fill:#000}.note.black .piano-tonic{fill:#fff}.piano-tonic{opacity:0}.note.tonic .piano-tonic{opacity:1}
/*# sourceMappingURL=src.7e4a7f29.css.map */