body{-webkit-text-size-adjust:none;background:#fff;border:0;box-sizing:inherit;color:#585858;font:inherit;font-family:Source Sans Pro,Helvetica,sans-serif;font-size:12pt;font-weight:300;line-height:1.75;margin:0;padding:0;vertical-align:baseline}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ReactPiano__Keyboard{display:flex;position:relative}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#555;border:1px solid #fff;border-radius:0 0 4px 4px;border-top-color:transparent;cursor:pointer;height:66%;position:absolute;top:0;z-index:1}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;flex:1 1;margin-right:1px;z-index:0}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top-color:#3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{align-self:flex-end}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}.ReactPiano__Key.ReactPiano__Key--accidental{background:#171a1c}.ReactPiano__Key--activeChord{background:#0f0!important}.ReactPiano__Key.ReactPiano__Key--accidentalChord.ReactPiano__Key--activeChord{background:#0ff}.ReactPiano__Key.ReactPiano__Key--accidental.ReactPiano__Key--active{background:red}.ReactPiano__NoteLabelContainer{align-self:flex-start;flex:1 1;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
/*# sourceMappingURL=main.a4936f9f.css.map*/