:root{--darkSienna:#240a0e;--rubyRed:#a5031e;--roseEbony:#6f5257;--lavenderBlush:#f5e5e8;--ultraRed:#e8788c;--font:"Nova Mono",monospace}html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;background-color:#240a0e;background-color:var(--darkSienna);font-family:"Nova Mono",monospace;font-family:var(--font);color:#f5e5e8;color:var(--lavenderBlush)}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.main h1{text-shadow:.25rem .25rem .1875rem rgba(0,0,0,.25)}.main a{text-decoration:none;color:var(--lavenderBlush);transition:color .35s ease-in-out}.main a:hover{color:#ff0}.main a:not(:last-child){margin-bottom:1rem}.drum-machine{display:flex;flex-direction:column;justify-content:center;align-items:center;width:37.5rem;padding-bottom:2rem;box-shadow:0 .25rem 1rem .5rem rgba(0,0,0,.25);background-color:var(--roseEbony);border-radius:1.5625rem}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.drum-pad{display:flex;align-items:center;justify-content:center;width:5rem;height:3rem;box-shadow:.5rem .5rem 0 -.1875rem rgba(0,0,0,.25);background-color:var(--ultraRed);border-radius:1.5625rem;cursor:pointer}.drum-pad.active{background-color:var(--rubyRed);box-shadow:none}.display{max-width:60%;background-color:var(--darkSienna);border:.125rem solid var(--rubyRed);border-radius:1.5625rem;display:flex;align-items:center;justify-content:center;width:100%;height:3rem;margin-bottom:1rem;text-align:center}.display p{margin:0}
/*# sourceMappingURL=main.70960b51.chunk.css.map */