*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f2f2f2;font-family:Roboto,sans-serif;min-height:100vh;overflow-x:hidden;width:100vw}header{background-color:#000;color:#fff;display:flex;justify-content:center;position:fixed;top:0;width:100%}header h1{font-size:1.5rem;margin:0;padding:1rem}#drum-machine{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:center;position:relative;top:0;width:100vw}#buttons-grid{grid-gap:.5rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:300px;padding:.5rem;width:300px}.drum-pad{align-items:center;border:1px solid;display:flex;height:54px;justify-content:center;padding:.5rem;width:54px}.drum-pad:focus,.drum-pad:hover{box-shadow:0 0 0 .2rem #fff,0 0 0 .4rem #000;color:#000}footer{background-color:#000;bottom:0;display:flex;padding:1rem;position:fixed;width:100%}footer>span>a{color:#fff;display:flex;font-size:1.25rem;margin:0 1rem;text-decoration:none}footer>span>a>p{margin-left:.75rem}.App{display:grid;height:100%;place-items:center;width:100%}
/*# sourceMappingURL=main.a66ddf1a.css.map*/