#fcc_test_suite_wrapper{display:none}@media (min-width:37.5rem){#fcc_test_suite_wrapper{display:block}}html{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;--body-background-color:#f8f8ff;--display-background-color:#68b19f;--drum-pad-background-color:#5f9ea0;--drum-pad-active-background-color:#c3621d;--display-border:thin solid #437064;--drum-pad-container-border:none;--drum-pad-border:thin solid #457173;--drum-pad-active-border:thin solid #f95a28;--default-color-text:#383939;--drum-machine-text:#fff;--small-breakpoint:25rem;--medium-breakpoint:37.5rem}body{max-width:100%;max-height:100%;background:#f8f8ff;background:var(--body-background-color)}html{font-family:Arial,Helvetica,sans-serif}header h1{margin-bottom:.25rem;padding:0;height:5vh;text-align:center;font-size:.5rem;line-height:.5rem;color:#383939;color:var(--default-color-text)}@media (min-width:6.25rem){header h1{font-size:calc(.5rem + (50vw - 3.125rem)/18.65);line-height:calc(.5rem + (50vw - 3.125rem)/18.65)}}@media (min-width:24.9rem){header h1{font-size:1rem;line-height:1rem}}@media (min-width:18.75rem) and (max-width:24.9rem){header h1{margin-bottom:.35rem}}@media (min-width:25rem){header h1{text-align:center;font-size:1rem;line-height:0;color:#383939;color:var(--default-color-text);margin-bottom:0;margin-top:1.2rem}}@media (min-width:25rem) and (min-width:25rem){header h1{font-size:calc(1rem + (60vw - 15rem)/12.4)}}@media (min-width:25rem) and (min-width:37.4rem){header h1{font-size:1.6rem}}header a{display:none}@media (min-width:25rem){header a{display:block;font-size:.5rem;top:0;left:92%;position:absolute}}footer{height:3vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.2rem;line-height:0;color:#383939;color:var(--default-color-text)}@media (min-width:6.25rem){footer{font-size:calc(.2rem + (60vw - 3.75rem)/18.74)}}@media (min-width:24.99rem){footer{font-size:.8rem}}@media (min-width:25rem){footer{margin-top:1rem;text-align:center;font-size:.8rem;color:#383939;color:var(--default-color-text)}}footer>p{display:none}@media (min-width:37.5rem){footer>p{display:block;margin-top:1rem;margin-bottom:1.2rem;text-align:center;font-size:.8rem;color:#383939;color:var(--default-color-text)}}#drum-machine{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width:25rem){#drum-machine{display:flex;flex-direction:row;align-items:center;justify-content:center}}@media (min-width:37.5rem){#drum-machine{width:37rem;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto}}#display{width:52vw;height:12vh;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto 0;text-align:center;font-size:.4rem;line-height:0;color:#fff;color:var(--drum-machine-text);background-color:#68b19f;background-color:var(--display-background-color);border:thin solid #437064;border:var(--display-border)}@media (min-width:6.25rem){#display{font-size:calc(.4rem + (40vw - 2.5rem)/18.74)}}@media (min-width:24.99rem){#display{font-size:.8rem}}@media (min-width:18.75rem) and (max-width:24.9rem){#display{width:52.7vw;margin:auto 0 .15rem .15rem}}@media (min-width:25rem){#display{width:40%;margin:auto 1.2rem auto 1.5rem;text-align:center;font-size:1rem;color:#fff;color:var(--drum-machine-text)}}@media (min-width:37.5rem){#display{width:14.375rem;margin:auto 1.25rem auto 1rem;flex-grow:0;flex-shrink:0;align-items:center}}.drumpad-container{width:52vw;height:65vh;padding:.125rem .3125rem .125rem .125rem;margin:0 0 0 1px;display:grid;grid-template-columns:repeat(3,33%);grid-gap:.1rem .1rem;gap:.1rem .1rem;grid-template-rows:repeat(3,27%);border:none;border:var(--drum-pad-container-border)}@media (min-width:18.75rem) and (max-width:24.9rem){.drumpad-container{display:grid;grid-template-columns:repeat(3,33%);grid-gap:.2rem .2rem;gap:.2rem .2rem;grid-template-rows:repeat(3,27%)}}@media (min-width:25rem){.drumpad-container{width:50%;margin-right:1.5rem;padding:10px;display:grid;grid-template-columns:repeat(3,33%);grid-gap:.3rem .3rem;gap:.3rem .3rem;grid-template-rows:repeat(3,27%);text-align:center;font-size:1rem;color:#fff;color:var(--drum-machine-text)}}@media (min-width:37.5rem){.drumpad-container{width:24rem;padding:10px;display:grid;grid-template-columns:repeat(3,6.25rem);grid-gap:.3125rem .3125rem;gap:.3125rem .3125rem;grid-template-rows:none}}.drum-pad{display:inline-block;padding:0 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.4rem;line-height:0;color:#fff;color:var(--drum-machine-text);border:thin solid #457173;border:var(--drum-pad-border);background-color:#5f9ea0;background-color:var(--drum-pad-background-color)}@media (min-width:6.25rem){.drum-pad{font-size:calc(.4rem + (60vw - 3.75rem)/18.74)}}@media (min-width:24.99rem){.drum-pad{font-size:1rem}}.drum-pad:active{border:thin solid #f95a28;border:var(--drum-pad-active-border);background-color:#c3621d;background-color:var(--drum-pad-active-background-color)}
/*# sourceMappingURL=main.136088aa.chunk.css.map */