:root{--color1:#ceb5a7;--color2:#a17c6b;--color3:#e0f2e9;--color4:#5b7b7a}a{text-decoration:initial}*{box-sizing:border-box;font-family:monospace}#title{color:#e0f2e9;color:var(--color3);font-size:4em;text-shadow:0 0 5px grey}#container{background:linear-gradient(135deg,#ceb5a7,#a17c6b);background:linear-gradient(135deg,var(--color1),var(--color2));flex-direction:column;height:100vh;justify-content:center;row-gap:50px}#container,#drum-machine{align-items:center;display:flex}#drum-machine{background-color:#5b7b7a;background-color:var(--color4);box-shadow:0 0 10px #000;height:550px;justify-content:flex-start;width:800px}#btn-container{flex-direction:row;flex-wrap:wrap;height:500px;justify-content:space-evenly;margin:10px;width:515px}#btn-container,.drum-pad{align-items:center;display:flex}.drum-pad{background-color:#ceb5a7;background-color:var(--color1);box-shadow:0 0 5px #000;color:#5b7b7a;color:var(--color4);font-size:2em;font-weight:800;height:30%;justify-content:center;transition:.8s;width:30%}.drum-pad:hover{background-color:#e0f2e9;background-color:var(--color3)}#disp-container{background-color:#a17c6b;background-color:var(--color2);box-shadow:0 0 5px #000;flex-direction:column;height:490px;justify-content:flex-start;padding-top:20px;row-gap:50px;width:240px}#disp-container,#display{align-items:center;display:flex}#display{background-color:#ceb5a7;background-color:var(--color1);background:linear-gradient(0deg,#e0f2e9 -300%,#5b7b7a,#e0f2e9 300%);background:linear-gradient(0deg,var(--color3) -300%,var(--color4),var(--color3) 300%);border:2px solid #000;color:#000;font-size:1.4em;height:50px;justify-content:center;width:200px}#bank-container{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:flex-start;row-gap:15px;width:100%}.bank-btn{display:flex}label{color:#e0f2e9;color:var(--color3);font-size:2em;padding-left:10px}input[type=radio]{height:18px;width:18px}#navigation-container{-webkit-column-gap:30px;column-gap:30px;flex-direction:row;width:100%}#github-btn,#navigation-container,#return-btn{align-items:center;display:flex;justify-content:center}#github-btn,#return-btn{background-color:#5b7b7a;background-color:var(--color4);border-radius:10px;box-shadow:0 0 8px #000;color:#e0f2e9;color:var(--color3);font-size:2em;font-weight:600;padding:20px;text-shadow:0 0 2px grey}@media only screen and (max-width:400px){*{margin:0;padding:0}#title{align-items:center;display:flex;font-size:2em;justify-content:center;margin-bottom:0;padding-top:20px}#container{height:100vh;row-gap:15px}#drum-machine{align-items:center;flex-direction:column;height:500px;justify-content:flex-start;width:350px}#btn-container{height:350px;width:350px}#disp-container{align-items:center;flex-direction:row;height:100px;padding:5px 10px;width:310px}#bank-container,#disp-container{justify-content:center}label{font-size:1.8em;padding:0}#navigation-container{-webkit-column-gap:10px;column-gap:10px}#github-btn{font-size:1.6em;font-weight:100;height:100%;padding:10px}}
/*# sourceMappingURL=main.31189b95.css.map*/