body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0}body{font-size:24px}h1{font-family:Courier New,Courier,monospace;font-weight:bolder}h2{font-size:28px}h3{font-size:medium}#drum-machine{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:15px}.wrapper{grid-gap:15px;background-image:linear-gradient(-225deg,#6495ed 35%,#9370db 75%);border-radius:15px;display:grid;grid-template-columns:1fr;margin-top:40px;padding:10px;width:100%}.keyboard{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.keyboard .drum-pad{background-color:#fff;border-radius:10px;cursor:pointer;font-size:24px;height:80px;outline:none;transition:all .3s ease-in-out;width:100%}@media(min-width:768px){.wrapper{width:680px}}@media(min-width:992px){.wrapper{grid-template-columns:1fr 1fr}}.controle{align-items:center;display:flex;flex-direction:column;justify-content:center}.controle>button,.controle>h2,.controle>input{margin-bottom:10px}.controle button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;padding:8px 10px}
/*# sourceMappingURL=main.071793f0.css.map*/