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{text-align:center}.App-header{background-color:#282c34;font-size:calc(10px + 2vmin);color:#fff}.App-header,section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}section{width:100%}.Sliders{width:1050px;background-color:#000;display:flex;align-items:center;justify-content:center;border:solid #414141}.Sliders>*{margin-right:10px}*{margin:0}*,.key{box-sizing:border-box}.key{background-color:#fff;height:300px;width:150px;border:1px solid #000;cursor:pointer;text-indent:-9999px}.keytext{position:relative;color:#000;font-weight:600;font-size:36px;margin-top:240px;pointer-events:none;display:none}.key.sharp{position:relative;background-color:grey;margin-left:-40px;margin-right:-40px;height:180px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#000;width:80px;z-index:2}.key.pressed,.key.sharp.pressed{background-color:#00d8ff}@media screen and (max-width:550px){.key.sharp:active,.key:active{background-color:#00d8ff}.key{height:200px;width:50px}.key.sharp{margin-left:-14.5px;margin-right:-14.5px;width:29px;height:120px}.Sliders{width:350px}}@media screen and (min-width:550px) and (max-width:926px){.key.sharp:active,.key:active{background-color:#00d8ff}.key{height:220px;width:110px}.key.sharp{height:120px}.Sliders{width:770px}}.piano{display:flex;flex-direction:row}.notePlaying{margin-top:5px;height:10vh;width:10vw;display:flex;justify-content:space-around;align-items:center}
/*# sourceMappingURL=main.3946ab7f.chunk.css.map */