@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);.header_container{background:linear-gradient(45deg,#573b6e,#6f4a6b);display:flex;width:100%}.brand{padding:1vh;width:10vh}@media screen and (max-width:600px){.brand{width:9vh}}.names{grid-gap:20%;display:grid;font-family:Arvo,cursive;gap:20%;margin:3rem auto 4rem;text-align:center;width:-webkit-max-content;width:max-content}.song__name{color:#5b0888;font-size:300%}.artist__name{color:#9400ff;font-size:150%}.app__player__container{background-repeat:no-repeat;background-size:100% 80%;border:5px solid #141e46;-webkit-border-radius:103px 103px 103px 103px;margin:auto;width:65%}.player__container{-webkit-border-radius:0 0 170px 170px}.control__icons{align-items:center;background:linear-gradient(270deg,#eac965,#f7b900,#ffc20b);-webkit-border-radius:0 0 100px 100px;border-top:5px solid #141e46;box-shadow:11px 90px 15px -20px rgba(0,0,0,.75);display:flex;gap:15px;justify-content:center;margin-top:34vh;padding:20px}.volume-control{align-items:center;display:flex;left:10%;position:absolute}.volume{font-size:200%}input[type=range]{-webkit-appearance:none;appearance:none;margin-left:6%;width:60%}input[type=range]::-webkit-slider-runnable-track{background:#ffe79b;cursor:pointer;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#322653;border-radius:50%;cursor:pointer;height:20px;margin-top:-3px;width:20px}.side_icons{color:#272829;height:40px;width:40px}.side_icons:hover{color:#9400ff;cursor:pointer}.general_icons{color:#272829;height:60px;width:60px}.general_icons:hover{color:#9400ff;cursor:pointer}@media screen and (max-width:1024px){.app__player__container{width:85%}.control__icons{gap:0;padding:3rem 20px 20px}.volume-control{left:3.5rem;margin-bottom:6rem}}@media screen and (max-width:600px){.names{gap:0;left:50%;position:absolute;top:5%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.song__name{font-size:5vh}.app__player__container{box-shadow:0 20px 15px 1px rgba(0,0,0,.75);height:30%;margin-left:25%;margin-top:9rem;width:150%}.control__icons{gap:5px;height:4rem;margin-top:16vh;padding:20px}.volume-control{left:4rem;margin-top:3.5rem}.volume{font-size:1rem}input[type=range]{margin-left:.4rem;width:3rem}input[type=range]::-webkit-slider-runnable-track{height:5px}input[type=range]::-webkit-slider-thumb{border-radius:50%;height:10px;margin-top:-2px;width:10px}.side_icons{height:30px;width:30px}.general_icons{height:40px;width:40px}}.instrumentals_container{align-items:center;display:flex;justify-content:center;width:50%}.q{background-image:url(/static/media/bass_guitar.9ebfab01031685c6d247.png)}.w{background-image:url(/static/media/classic_guitar.d8ee88a9176aea2ebc5b.png)}.e{background-image:url(/static/media/guitar1.68a8253c54ef3aecb3e8.png)}.r{background-image:url(/static/media/guitar2.7862814425a70b97db43.png)}.t{background-image:url(/static/media/guitar3.940f1aaae6c140e37ad4.png)}.y{background-image:url(/static/media/guitar4.a58baf0ac39743c352d2.png)}.a{background-image:url(/static/media/tom1.74dae9e368a6d7fff424.png)}.s{background-image:url(/static/media/tom2.d351814f25050605adb2.png)}.d{background-image:url(/static/media/tom4.4b9d9cb0031d232c1659.png)}.f{background-image:url(/static/media/tom3.291700be7fbc036d8dc7.png)}.g{background-image:url(/static/media/snare.5ca898243c15eee93bd7.png)}.h{background-image:url(/static/media/kick.3bc80e80efd33aa0db71.png)}.z{background-image:url(/static/media/crash.1adb440c4330b3a076be.png)}.x{background-image:url(/static/media/lazer.71c3a1b54ee6da88b8d2.png)}.c{background-image:url(/static/media/clap.c55597e17949dbb0c58a.png)}.v{background-image:url(/static/media/reverse.dd1bbdf6626be06ac641.png)}.b{background-image:url(/static/media/violin.903fa9b988ad02e40eb0.png)}.n{background-image:url(/static/media/fart.a56b6411eed331fcfa0b.png)}.set{align-items:center;background:linear-gradient(45deg,#040d12,#9d76c1,#5b0888);border:5px solid #141e46;box-shadow:11px 90px 15px -20px rgba(0,0,0,.75);display:grid;grid-template-columns:repeat(6,1fr);justify-content:center;overflow:hidden}.drum{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:40%;border:3px solid #000;color:transparent;font-family:Arvo,cursive;height:14vh;position:relative;width:7vw}.drum:before{border-right:2px solid #000;border-top:2px solid #000;bottom:0;color:#8ddfcb;content:attr(id);font-size:2rem;left:0;line-height:1;position:absolute}.pressed{opacity:.5}@media screen and (max-width:1024px){.drum{background-size:100%;border:1px solid #000}.drum:before{font-size:0}}@media screen and (max-width:600px){.instrumentals_container{display:flex;left:50%;position:absolute;top:25rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.instrumentals_container,.set{align-items:center;justify-content:center}.set{background:linear-gradient(45deg,#040d12,#9d76c1,#5b0888);border:5px solid #141e46;box-shadow:0 0 0 0 rgba(0,0,0,.75);display:grid;grid-template-columns:repeat(9,1fr);height:4rem;overflow:hidden;width:95%}.drum{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:100%;border:0 solid #000;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;position:relative;width:100%}.drum:before{font-size:0}}.footer_container{background:linear-gradient(45deg,#573b6e,#6f4a6b);padding:.8rem;text-align:center;width:100%}.footer_container p{background:linear-gradient(270deg,#eac965,#f7b900,#ffc20b);-webkit-background-clip:text;color:transparent;font-size:2vh}@media screen and (max-width:1024px){.footer_container p{font-size:1.9vh}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif}.general_container{background-image:url(/static/media/1.8b42e92f4222da208e7b.jpg);background-repeat:no-repeat;background-size:cover;display:flex;min-height:87vh}.container{width:50%}@media screen and (max-width:600px){.general_container{min-height:84.4vh}}
/*# sourceMappingURL=main.0fe86758.css.map*/