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}.App{height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.modal-box{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}h1,h2,h3,h4,h5,p{font-family:system-ui;margin:0}.beat-machine{--mask:linear-gradient(180deg,#000 0,#000 80%,#0000 100%,#0000 0) 100% 50% /100% 100% repeat-x;align-items:center;border:1px solid #0000;display:flex;flex-direction:column;-webkit-mask:var(--mask);mask:var(--mask);position:relative}.beat-machine .comment{animation:comment .4s linear forwards;bottom:calc(20% - .8rem);font-size:1.6rem;position:absolute}.beat-machine .game-box{position:relative;width:100%}.beat-machine .beat-node{animation:emerge .2s linear forwards}.beat-machine .beat-shrink{animation:shrink .3s ease forwards}.beat-machine .drum-hit{animation:expand .2s ease}.beat-machine .drum-hit-alt{animation:expand-alt .2s ease}.beat-machine .drum-missed{animation:shake .3s linear}.beat-machine .drum-missed-alt{animation:shake-alt .3s linear}@keyframes comment{0%{opacity:1;transform:scale(0)}50%{opacity:1;transform:scale(2)}to{opacity:0;transform:scale(1)}}@keyframes shrink{to{r:0}}@keyframes emerge{0%{r:0}}@keyframes expand{50%{r:25}to{r:20}}@keyframes expand-alt{50%{r:25}to{r:20}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes shake-alt{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}#disco-battle-page,#disco-battle-page #disco-battle-box{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}#disco-battle-page #disco-battle-box{animation:twinkle 5s linear infinite;box-sizing:border-box;padding:1rem}#disco-battle-page #disco-cd{animation:spin 2s linear infinite;width:4rem}#disco-battle-page .machine-box{box-sizing:border-box;display:flex;justify-content:center;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes twinkle{0%{background-color:#ff5956}20%{background-color:#ff7eff}40%{background-color:#8f0083}60%{background-color:#65d1ff}80%{background-color:#8ce2b7}to{background-color:#ff5956}}.modal-box.disco-battle{align-items:center;background-color:#fff;border:.5rem solid #000;border-radius:1rem;display:flex;flex-direction:column;padding:2rem 1rem;row-gap:1rem;width:20rem}.modal-box.disco-battle .option-box{align-items:center;display:flex;flex-direction:column;width:100%}.modal-box.disco-battle .option-title{font-weight:400}
/*# sourceMappingURL=main.2512fd3d.css.map*/