#drum-machine{background-color:#d3d3d3;width:40%;margin:0 auto;display:-webkit-flex;display:flex;border:5px solid orange;max-width:600px}h1{text-align:center;margin-top:35vh;font-size:70px;margin-bottom:1%}@media only screen and (max-width:600px){h1{margin-top:15px}#drum-machine{width:80%}}#padbox{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;padding-left:2%;padding-bottom:2%;width:60%}#padbox,.drum-pad{display:-webkit-flex;display:flex}.drum-pad{-webkit-flex:0 1 31%;flex:0 1 31%;height:75px;margin-right:2%;margin-top:2%;background-color:grey;cursor:pointer;border-radius:5px;box-shadow:3px 3px 5px #000;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}div .pressed{background-color:orange;box-shadow:0 3px grey;-webkit-transform:translateY(2px);transform:translateY(2px)}#display{background-color:grey;width:25%;height:30px;text-align:center;line-height:30px;margin:auto}body{margin:0;font-family:Russo One;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{background-color:grey}
/*# sourceMappingURL=main.de822487.chunk.css.map */