body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{box-sizing:border-box;height:-webkit-fit-content;height:fit-content;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.container{background-color:#fff;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:100vh;max-width:100vw;padding-top:25px}.container,.settings{align-items:center;display:flex;justify-content:center}.settings{flex-direction:row}.key{align-items:center;background-color:#26afe1;border-radius:8px;color:#000;display:inline-block;display:flex;font-size:50px;height:75px;justify-content:center;margin:2px;position:relative;width:75px}.keyData{display:flex;flex-direction:row}.timeSignature{align-items:center;display:flex;flex-direction:column;font-size:30px;justify-content:center;margin:10px}.beat{font-size:40px}.downbeat{color:#e74c3c;font-size:50px}.chordGroup{display:flex;flex-wrap:wrap;justify-content:center;margin:10px;max-width:300px}.chord{font-size:30px}.chord,.chordNumber{align-items:center;border-radius:8px;color:#000;display:flex;flex-direction:column;justify-content:center}.chordNumber{font-size:25px;margin-bottom:10px}.chordLabel,.chordNumber{background-color:#fbdf61;height:50px;width:50px}.chordLabel{align-items:center;border-radius:8px;color:#000;display:flex;flex-direction:column;font-size:18px;justify-content:center}.highlight{background-color:#40b014;border:2px solid #26afe1;box-shadow:0 4px 8px #0000001a}.circlesContainer{flex-direction:column}.circles{align-items:center;background-color:#b999f2;border-radius:50%;color:#000;cursor:grab;display:flex;font-size:14px;height:50px;justify-content:center;margin:3px;-webkit-user-select:none;user-select:none;width:50px}.circlesContainer{flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.buttonContainer,.circlesContainer{align-items:center;display:flex;flex-direction:row;max-width:300px}.buttonContainer{justify-content:space-evenly;width:100%}.button{background-color:#17b272;font-size:30px}.button,.resetButton{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-top:20px;width:75px}.resetButton{background-color:#e74c3c;font-size:25px}.button:hover{background-color:#148f5d}.resetButton:hover{background-color:#c0392b}
/*# sourceMappingURL=main.85971ed1.css.map*/