*{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.body{font-size:14px;cursor:url(http://localhost:3000/right-poke-s.png),url(https://mrranjan31paudel.github.io/piano/right-poke-s.png),auto}.color-red{color:#a50000}.color-orange{color:#b87700}.color-yellow{color:#949400}.color-green{color:#00af00}.color-cyan{color:#00b1b1}.color-blue{color:#00f}.color-magenta{color:#f0f}.color-white{color:#fff}.main-container{width:100%;height:100vmin;cursor:url(http://localhost:3000/right-poke-s.png),url(https://mrranjan31paudel.github.io/piano/right-poke-s.png),auto}#keyboard-wrapper{height:100%;width:100%;outline:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.all-keys-container{position:relative;width:656px;margin:0 auto}.key-full{display:inline-block;vertical-align:top;position:relative;width:80px;height:320px;margin:0 1px;background-color:#f5f5f5;box-shadow:0 4px 5px 2px rgba(0,0,0,.16);border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center;z-index:15}.key-full:focus{outline:none}.key-full.pressed{background-color:#f3f3f3;box-shadow:0 1px 2px 1px rgba(0,0,0,.16);z-index:-1}.key-half{position:absolute;z-index:20;top:0;width:48px;height:160px;background-color:#000;box-shadow:0 4px 4px 2px rgba(0,0,0,.4);border-bottom-left-radius:15px;border-bottom-right-radius:15px;text-align:center}.key-half.pressed{box-shadow:0 1px 2px 1px rgba(0,0,0,.16)}.pos-58{left:58px}.pos-140{left:140px}.pos-304{left:304px}.pos-386{left:386px}.pos-468{left:468px}.key-text{position:absolute;width:calc(100% - 10px);bottom:0;left:0;padding:5px;font-weight:600}
/*# sourceMappingURL=main.f16e2238.chunk.css.map */