body{margin:0;padding: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}*{margin:0;padding:0}#root{display:flex;height:100vh;align-items:center;justify-content:center;background-color:#777;background-image:url(/fcc-drum-machine/static/media/main-bg.e88742a6.jpg);background-size:cover}#drum-machine{box-shadow:0 0 4px 0;border-radius:3px}#display{font-family:Courier,Courier New;font-weight:600;display:grid;padding:20px;width:240px;height:20px;background-color:#efefef;border-radius:3px 3px 0 0}#pads{display:inline-grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);background-color:rgba(56,56,56,.3607843137254902);padding:20px;border-radius:0 0 3px 3px}.drum-pad{background-color:#e5e3e3;border-radius:15%;color:#757575;font-size:1.5em;margin:3px;box-shadow:1px 2px 0 rgba(0,0,0,.3);transition:all .3s;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.drum-pad:active{border:none;color:#666;background-color:#eae8e8;transition:all .3s}.drum-pad:focus{outline:0}#credits{padding:5px 10px;background-color:#cecece;font-family:Courier}.keydown{color:#555;transition:all .3s;font-size:1.44rem;background-color:#ececec}@media screen and (min-width:1600px){body{height:100vh;display:flex;align-items:center;justify-content:center;background-color:#584d49;background-image:linear-gradient(90deg,#000201 40%,#574d49 80%)}#root{height:60rem;width:60rem;background-color:#777;box-shadow:0 0 77px 40px #000}}
/*# sourceMappingURL=main.c940681d.chunk.css.map */