@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&family=Hi+Melody&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&family=Open+Sans:wght@400;500;600;700;800&display=swap);nav{border-top:5px solid pink;justify-content:space-between;padding:50px 240px 20px}.logo,nav{align-items:center;display:flex}.logo{color:#f3f4f6;font-family:Fugaz One,cursive;font-size:2rem;justify-content:center;letter-spacing:.1em}.logoIcon{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(255,0,0,.8);border:1px solid rgba(255,0,0,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#f3f4f6;font-family:inherit;margin-right:10px;padding:1px 10px}.credits{color:#fff}.creditLink{color:#fff;font-size:1.2rem;font-weight:500;overflow:hidden;position:relative;transition:all .3s ease-in}.creditLink:hover{color:#ccc}.creditLink:after{background-color:#fff;bottom:0;content:"";height:1px;left:-100%;position:absolute;transition:all .2s ease-in;visibility:hidden;width:0}.creditLink:hover:after{left:0;visibility:visible;width:100%}@media only screen and (max-width:1300px){nav{padding:50px 140px}.logo{font-size:2rem;font-weight:400}}@media only screen and (max-width:900px){nav{padding:25px 100px}.logo{font-size:1.8rem;font-weight:400}}@media only screen and (max-width:640px){nav{padding:30px 40px}.logo{font-size:1.5rem;font-weight:400}.creditLink{font-size:1rem}}@media only screen and (max-width:480px){nav{padding:30px 20px}.logo{font-size:1.2rem;font-weight:400}.creditLink{font-size:.8rem}}.downloadForm{padding:20px 240px}.downloadForm,.inputSection{align-items:center;display:flex;justify-content:space-between}.inputSection{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:2px solid #e2e8f0;border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:65px;padding:10px;width:80%}.inputField{background-color:initial;border:none;color:#fff;font-size:1.2rem;outline:none;padding:0;width:80%}.inputField::-webkit-input-placeholder{color:#e2e8f0}.inputField::placeholder{color:#e2e8f0}.pasteBtn{align-items:center;background-color:#fcd34d;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:space-evenly;outline:none;padding:0 20px;transition:all .2s ease;width:20%}.pasteBtn:hover{background-color:#face3d;color:#000;padding:0 30px}.goBtn{align-items:center;background-color:#fff;border:10px solid rgba(0,185,250,.25);border-radius:50%;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);color:#4b5563;cursor:pointer;display:flex;font-size:3.2rem;font-weight:700;height:100px;justify-content:center;text-align:center;transition:all .2s ease;width:100px}.goBtn:hover{border:10px solid #fff;color:#000}@media only screen and (max-width:1300px){.downloadForm{padding:20px 140px}.inputSection{height:70px}.pasteBtn{font-size:1.5rem;padding:0 8px;width:30%}}@media only screen and (max-width:900px){.downloadForm{padding:20px 100px}.inputField{font-size:1rem;width:70%}.pasteBtn{font-size:1.2rem;padding:0 10px;width:30%}.goBtn{font-size:2.2rem;height:75px;width:75px}}@media only screen and (max-width:640px){.downloadForm{padding:10px 40px}.inputSection{height:60px}.inputField{font-size:1rem;width:70%}.pasteBtn{font-size:1rem;padding:0 5px;width:30%}.goBtn{border:8px solid rgba(0,185,250,.25);font-size:2rem;height:70px;transition:all .3s ease;width:70px}.goBtn:hover{border:8px solid #fff}}@media only screen and (max-width:480px){.downloadForm{padding:10px 20px}}@media only screen and (max-width:420px){.downloadForm{padding:10px 20px}.inputSection{height:58px}.inputField{font-size:.9rem;width:70%}.pasteBtn{font-size:.9rem;padding:0 5px;width:30%}.goBtn{border:8px solid rgba(0,185,250,.25);font-size:2rem;height:60px;transition:all .3s ease;width:60px}}.songCard{justify-content:space-between;padding:20px 240px;width:100%}.imgCard,.songCard{align-items:center;display:flex}.imgCard{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:300px;justify-content:center;padding:16px;width:450px}.thumb{border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-height:300px;max-width:350px;object-fit:cover}.download{height:300px;justify-content:space-between;width:450px}.download,.metaData{display:flex;flex-direction:column}.metaData{align-items:left;height:70%;justify-content:space-evenly}.title{-webkit-text-stroke:.2px #1f2937;color:#fff;font-family:Fugaz One,cursive;font-family:Hi Melody,cursive;font-size:2rem;font-weight:400;text-align:center}.details{align-items:center;color:#1f2937;display:flex;font-weight:600;justify-content:space-between;width:100%}.details>p{background-color:#fff;border-radius:16px;margin:10px 0;padding:5px 10px}.enabledBtn{font-size:1.5rem}.disabledBtn,.enabledBtn{align-items:center;color:#fff;display:flex;justify-content:center}.disabledBtn{font-size:1rem;font-weight:400}.downloadBtn{align-items:center;-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:initial;background-image:none;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;flex-direction:row;flex-shrink:0;font-weight:700;justify-content:center;margin:0;min-height:64px;outline:none;overflow:visible;padding:19px 26px;pointer-events:auto;position:relative;text-align:center;text-decoration:none;text-transform:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle;width:auto;word-break:keep-all;z-index:0}.downloadBtn:after,.downloadBtn:before{border-radius:80px}.downloadBtn:before{background-color:hsla(0,0%,100%,.32);height:100%;left:0;top:0;width:100%;z-index:-2}.downloadBtn:after,.downloadBtn:before{content:"";display:block;overflow:hidden;position:absolute}.downloadBtn:after{background-color:initial;background-image:linear-gradient(92.83deg,#ff7426,#f93a13);bottom:4px;left:4px;right:4px;top:4px;transition:all .1s ease-out;z-index:-1}.downloadBtn:hover:not(:disabled):after{bottom:0;left:0;right:0;top:0;transition-timing-function:ease-in}.downloadBtn:active:not(:disabled){color:#ccc}.downloadBtn:active:not(:disabled):after{background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(92.83deg,#ff7426,#f93a13);bottom:4px;left:4px;right:4px;top:4px}.downloadBtn:disabled{cursor:default;opacity:.24}@media only screen and (max-width:1300px){.songCard{padding:50px 140px}.imgCard{width:450px}.download{width:400px}}@media only screen and (max-width:900px){.songCard{flex-direction:column;padding:20px 100px}.metaData{align-items:center}.imgCard{height:300px;width:500px}.thumb{max-height:250px;max-width:450px}.download{height:250px;padding:0 10px;width:500px}.details{font-size:1.2rem}.title{font-size:1.5rem;text-align:center}}@media only screen and (max-width:640px){.songCard{flex-direction:column;padding:25px 40px}.metaData{align-items:center}.imgCard{height:250px;width:450px}.thumb{max-width:300px}.download{height:250px;margin-top:20px;padding:0 10px;width:450px}.details{font-size:1rem}.title{text-align:center}.downloadBtn{margin-top:20px}}@media only screen and (max-width:480px){.songCard{flex-direction:column;padding:25px 20px}.metaData{align-items:center}.imgCard{height:250px;width:380px}.thumb{max-width:300px}.download{height:250px;margin-top:20px;padding:0 10px;width:400px}}@media only screen and (max-width:420px){.songCard{flex-direction:column;padding:25px 10px}.metaData{align-items:center}.imgCard{height:250px;width:350px}.thumb{max-width:300px}.details{font-size:.8rem}.download{height:250px;margin-top:20px;padding:0 20px;width:400px}}footer{background-color:#fff;bottom:0;color:#3a364b;flex-direction:column;height:60px;justify-content:space-evenly;position:fixed}footer,footer>p{align-items:center;display:flex;width:100%}footer>p{font-size:1rem;font-weight:500}.gitLink,footer>p{justify-content:center}.gitLink{align-items:center;color:inherit;display:flex;margin-left:5px;transition:all .2s ease}.gitLink:hover{color:#000}.note{color:gray;font-size:14px;text-align:center;width:100%}@media only screen and (max-width:900px){footer{height:50px}.note{font-size:12px}}@media only screen and (max-width:600px){footer>p{font-size:.9rem}.note{font-size:10px}}@media only screen and (max-width:480px){footer>p{font-size:.8rem}.note{font-size:8px}}@media only screen and (max-width:420px){.note{display:none}footer{height:40px}}*{list-style:none;padding:0;text-decoration:none}*,:after,:before{box-sizing:border-box;margin:0}html{-webkit-user-select:none;user-select:none}body{background:#2b5876;background:linear-gradient(90deg,#4e4376,#2b5876);background-repeat:no-repeat;font-family:Fugaz One,cursive;font-family:Open Sans,sans-serif;height:100vh;overflow:hidden;position:relative}
/*# sourceMappingURL=main.2df2d6be.css.map*/