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}#main{background:rgba(12,6,33,.733);height:100vh;width:100vw}#drum-machine,#main{align-items:center;display:flex;justify-content:center}#drum-machine{background:#0c0621;border-radius:1vw;box-shadow:0 0 20px #0c0621;color:#fff;height:50vh;width:auto}#pads{grid-gap:2vh;display:grid;grid-template-columns:8vh 8vh 8vh;grid-template-rows:8vh 8vh 8vh;padding:4vw}.drum-pad{align-items:center;background:#7cb11a;border:.24vh solid #b0d42f;border-radius:.8vh;box-shadow:0 0 10px #8abb22;color:#fff;display:grid;font-size:1.5em;justify-content:center}.drum-pad:hover{background:rgba(124,177,26,.961);box-shadow:0 0 18px #8abb22;cursor:pointer}#display{display:flex;flex-direction:column;padding:4vw}.control-item{align-items:center;background:rgba(44,39,62,.733);border-radius:2vw;box-shadow:0 0 7px #2a253c;display:flex;font-size:1.5em;height:6vh;justify-content:space-evenly;margin:2vh;padding:1vw;width:20vw}.volume-button{background:#0c0621;border:.5vh solid gray;border-radius:1vh;color:#fff;cursor:pointer;font-size:1.25em;height:6vh;width:6vh}.volume-button:hover{background:rgba(12,6,33,.686);box-shadow:0 0 18px rgba(12,6,33,.251);cursor:pointer}@media(max-width:768px){#drum-machine{flex-direction:column-reverse;height:60vh;width:65vw}#pads{grid-gap:.9vh;display:grid;grid-template-columns:7.2vh 7.2vh 7.2vh;grid-template-rows:7.2vh 7.2vh 7.2vh;padding:4vw}.control-item{font-size:1em;height:6vh;margin:1vh;padding:1vw;width:45vw}.volume-button{font-size:1em;height:4vh;width:4vh}}
/*# sourceMappingURL=main.5b7c6b32.css.map*/