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}.App{text-align:center}*{margin:0;padding:0}body{font-size:24px;background-color:#32502e;background-image:url(https://thumbs.dreamstime.com/b/mod%C3%A8le-sans-couture-de-vecteur-g%C3%A9om%C3%A9trique-simple-moderne-avec-la-ligne-texture-d-sur-le-fond-blanc-papier-peint-abstrait-123643376.jpg);width:"100vw";height:"100vh"}h2{font-size:28px}#drum-machine{margin:15px;height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center}.wrapper{width:100%;display:grid;padding:10px;grid-gap:15px;margin-top:40px;border-radius:15px;grid-template-columns:1fr;background-image:linear-gradient(-225deg,#04009a 35%,#f98404)}.keyboard{display:grid;grid-gap:10px;grid-template-columns:repeat(3,1fr)}.keyboard .drum-pad{width:100%;height:80px;outline:none;font-size:24px;cursor:pointer;border-radius:10px;background-color:#9ede73;transition:all .3s ease-in-out}@media (min-width:768px){.wrapper{width:680px}}@media (min-width:992px){.wrapper{grid-template-columns:1fr 1fr}}.controle{display:flex;align-items:center;flex-direction:column;justify-content:center}.controle>button,.controle>h2,.controle>input{margin-bottom:10px}.controle button{border:none;color:#e5defe;cursor:pointer;font-size:20px;padding:8px 10px;border-radius:15px;background-color:#334756}
/*# sourceMappingURL=main.73d063d2.chunk.css.map */