*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1{color:#00f}#drum-machine{height:100vh;background-color:grey;transition:all .5s ease}#central-block,#drum-machine{display:flex;width:100%;justify-content:center;align-items:center}#central-block{max-width:800px;height:100%;max-height:400px;border-radius:10px}#pads-area{background-color:#abc;width:80%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:1em}.drum-pad{display:flex;flex-direction:column;justify-content:center;background-color:#087d9b;text-align:center;border:1px solid #000;border-radius:10px;margin:5px;box-shadow:6px 5px 7px 0 rgba(0,0,0,.76)}.wtf{display:none;height:0;width:0}.drum-pad:hover{background-color:#7fff00}#controls-area{width:80%;height:100%;background-color:bisque;text-align:center;display:flex;flex-direction:column;justify-content:space-around}#display{background-color:#eee;width:70%;margin:1em auto;height:3em;border:2px solid #000;display:flex;align-items:center;justify-content:center}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media only screen and (max-width:600px){#central-block{flex-direction:column}#controls-area{justify-content:space-evenly}}
/*# sourceMappingURL=main.7075bf84.chunk.css.map */