body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:10px;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}:root{--color-1:#f8bba0;--color-2:#e54cf0;--color-3:#2a2ade;--color-4:#eb2323;align-items:center;background:linear-gradient(#2a2ade,#eb2323);background:linear-gradient(var(--color-3),var(--color-4));display:flex;height:100vh;justify-content:center}#drum-machine{border:4px solid #e54cf0;border:4px solid var(--color-2);border-radius:10px;box-shadow:2px 2px 10px #000;display:flex;padding:24px;width:700px}#drum-area,#drum-machine{background-color:#f8bba0;background-color:var(--color-1)}#drum-area{display:grid;grid-template-columns:1fr 1fr 1fr}.drum-pad{background-color:#99b4e7;border:3px;border-radius:10px;box-shadow:2px 2px 6px #6f6666;height:100px;margin:4px;width:120px}.push{box-shadow:2px 2px 6px #a59797;height:99px;width:119px}#display,.drum-pad{align-items:center;display:flex;flex-direction:column;font-size:20px;font-weight:800;justify-content:center}#display{border:3px solid orange;border-radius:10px;margin-left:12px;width:300px}#name{background-color:#e54cf0;background-color:var(--color-2);border:3px solid #000;border-radius:10px;height:64px;justify-content:center;width:186px}#name,#sound-control{align-items:center;display:flex}#sound-control{flex-direction:column}.switch{background-color:#000;border:2px solid #000;border-radius:20px;box-shadow:2px 2px 4px #000;height:36px;position:relative;width:68px}.select-left,.select-off,.select-right{background-color:#2a2ade;background-color:var(--color-3);border-radius:50%;height:32px;position:absolute;width:32px}.select-right{background-color:#ff8c00;right:0}.select-off{background-color:#eb2323;background-color:var(--color-4);right:0}
/*# sourceMappingURL=main.1ddaf907.css.map*/