body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#363232;color:#000;font-family:Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;margin:0}#drum-machine{display:flex;flex-direction:column}@media(min-width:600px){#drum-machine{display:flex;flex-direction:column;height:100vh}}#display{align-self:center;background-color:gray;display:flex;flex-direction:column;margin:15px 1px;outline:3px solid #e49c17;padding:10vw 10vw 50vw}@media(min-width:600px){#display{display:flex;flex-direction:row;gap:5px;margin-top:20vh;padding:50px}}#drum-button{grid-gap:10px;display:grid;gap:10px;grid-template-columns:20vw 20vw 20vw;grid-template-rows:20vw 20vw 20vw}@media(min-width:600px){#drum-button{gap:10px;grid-template-columns:7vw 7vw 7vw;grid-template-rows:7vw 7vw 7vw}}.drum-pad{background-color:#666363;border-radius:5px;box-shadow:5px 3px 1px #363636;cursor:pointer;font-size:4vw;line-height:20vw;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media(min-width:600px){.drum-pad{font-size:1.2vw;line-height:7vw}}.controls{align-content:center;display:flex;flex-direction:column;gap:6vh;margin-top:3vh;text-align:center;width:68vw}@media(min-width:600px){.controls{margin-top:-10px;padding:5px;width:20vw}}.toggle{background-color:#000;border:1px solid #000;cursor:pointer;height:5.6vw;margin:-9vh auto auto;padding:1px;width:13.6vw}@media(min-width:600px){.toggle{height:1.05vw;margin-top:-4vw;width:2.55vw}}.inner-toggle{background:blue;border:1px solid #000;box-sizing:border-box;height:5.2vw;padding:auto;width:6.4vw}@media(min-width:600px){.inner-toggle{height:.975vw;width:1.2vw}}.info-screen{background-color:#5e5b5b;box-shadow:0 0 .2em #000;font-size:4vw;height:14vw;line-height:14vw;margin:auto;width:55vw}@media(min-width:600px){.info-screen{font-size:1vw;height:3.5vw;line-height:3.5vw;margin-bottom:-20px;margin-top:-20px;width:13.75vw}}input[type=range]{border:none;cursor:pointer;margin:-25px auto -20px;width:130px}@media(min-width:600px){input[type=range]{margin-bottom:-40px;margin-top:-40px}}p{font-size:5vw}@media(min-width:600px){p{font-size:1vw}}
/*# sourceMappingURL=main.bc324181.css.map*/