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}#display{background-color:#737373;height:6vh;width:70%;font-size:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;padding:.5rem;margin-left:.5rem;box-shadow:0 0 16px -2px rgba(27,27,27,.25)}@media screen (max-width:890px){#display{margin:1rem}}#controls-container{min-width:35%;display:flex;justify-content:right}@media screen and (max-width:890px){#controls-container{min-width:60%;height:2vh;justify-content:center;margin:2rem}}.drum-pad{display:contents}.drum-pad>div{background-color:#bfbfbf;margin:2%;padding:1rem;font-size:1.4rem;font-weight:700;width:4rem;height:2.5rem;display:flex;justify-content:center;align-items:center;box-shadow:0 0 25px -9px rgba(27,27,27,.52);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.drum-pad:nth-child(3n):after{content:"";width:100%}.drum-pad>.active{background-color:#e09f9f;-webkit-transform:scale(1.07);transform:scale(1.07);box-shadow:0 0 15px 2px rgba(237,145,145,.62)}#pads-container{min-width:55%;margin-left:1rem;display:flex;flex-wrap:wrap;flex-grow:1;justify-content:flex-start;align-items:center;align-content:space-around;color:#1a1a1a}@media screen and (max-width:890px){#pads-container{margin:.3rem;justify-content:center;align-content:center;flex-grow:0}}:root{font-size:16px}.App{background-image:url(/drum-machine/static/media/black_lozenge.c3a14079.png);width:100%;height:100vh}#drum-machine,.App{display:flex;justify-content:center;align-items:center}#drum-machine{background-color:#f2f2f2;width:60%;height:50vh;align-content:space-around}@media screen and (min-width:600px) and (max-width:890px){:root{font-size:12px}#drum-machine{flex-direction:column;min-height:70vh}}@media screen and (max-width:600px){:root{font-size:8px}#drum-machine{flex-direction:column;align-content:center}}
/*# sourceMappingURL=main.a3ae7408.chunk.css.map */