body{text-align:center;background:#b7cfff;width:95%;margin:auto}body,button{font-family:"Arial"}button{background:#0050f1;font-weight:700;color:#fff;border-radius:20px;padding:10px 20px;margin:20px 10px;border:2px solid #fff}button:disabled{background:#858585}.piano{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:5px solid #b7cfff;padding:10px}.notesBody{font-family:"Arial";text-align:left;padding:20px}.buttonBody{font-family:"Arial";display:auto;flex-direction:row;align-items:auto;margin:auto;padding:15px;background-color:#b7cfff;border-radius:8px;width:auto;height:auto}.loading{width:120px}img{max-width:100%;max-height:100%}.logo{background:#b7cfff;object-fit:contain;width:100%;height:100%}h1{font-family:"Arial";margin-top:0}#audio-player{margin-bottom:"50px";display:none}#loader{border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:70px;height:70px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:relative;display:none;margin:auto auto 10px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4454a737.chunk.css.map */