body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#fff}.piano-container{display:inline-flex;border-top:10px solid #000;margin:0 auto}.piano-natural-key{width:50px;height:180px;cursor:pointer;background:#fafafa;margin:0 2px;color:#000;padding:10px;border-radius:0 0 3px 3px}.piano-text{height:100%;display:flex;align-items:flex-end;justify-content:center;font-size:1rem}.piano-natural-key-playing{color:#000;border:none}.piano-accidental-key-wrapper{position:relative;width:0}.piano-accidental-key{position:absolute;cursor:pointer;background:#444;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:36px;height:120px;border-radius:0 0 3px 3px;border:3px solid #444;border-top:none;padding:5px;outline:none;color:#dbdbdd}
/*# sourceMappingURL=main.899fc7a3.chunk.css.map */