body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{align-items:center;animation:gradientMove 6s ease infinite;background:linear-gradient(-45deg,#1db954,#d139cc,#1da72d,#ad3acdf6);background-size:500% 500%;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home-hero{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border-radius:50px;box-shadow:0 15px 35px #00000080;max-width:1000px;padding:60px 20px;text-align:center;width:100%}.glass-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.glass-buttons button{background:rgba(190,94,178,.767);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease-in-out}.btn.rounded-pill{transition:transform .3s ease,box-shadow .3s ease}.btn.rounded-pill:hover{box-shadow:0 0 10px #fffc,0 0 20px #ffffff80,0 0 30px #ffffff4d;transform:scale(1.05)}.equalizer{align-items:flex-end;display:flex;gap:4px;height:40px;justify-content:center;margin-top:20px}.equalizer span{animation:bounce 1.2s ease-in-out infinite;background:#1db954;box-shadow:0 0 6px #1db954cc;display:block;width:15px}.equalizer span:first-child{animation-delay:0s}.equalizer span:nth-child(2){animation-delay:.2s}.equalizer span:nth-child(3){animation-delay:.4s}.equalizer span:nth-child(4){animation-delay:.6s}.equalizer span:nth-child(5){animation-delay:.8s}@keyframes bounce{0%,to{height:20%}50%{height:100%}}.song-button-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1f;border-radius:40px;box-shadow:10px 15px 25px #0000004d;padding:20px}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-clip:padding-box;background:#0006!important;border-radius:35px;box-shadow:0 8px 20px #00000047;margin-top:5px;overflow:hidden;padding:.38rem .75rem}.navbar .btn,.navbar .container,.navbar .form-control,.navbar .input-group{border-radius:30px}.navbar .btn{transition:transform .25s ease,box-shadow .25s ease}.navbar .btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.navbar .form-control,.navbar .search-input,.navbar input[type=search]{border-radius:30px}.home-hero .btn.btn-dark{border-radius:999px;box-shadow:0 8px 20px #00000047;padding:.5rem 1.05rem;transition:transform .18s ease,box-shadow .18s ease}.home-hero .btn.btn-dark:hover{box-shadow:0 18px 36px #0000005c;transform:translateY(-4px)}.glass-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;box-shadow:3px 5px 12px #0003;color:#fff;transition:all .3s ease-in-out;width:27%}.glass-btn:hover{background:#ffffff40;box-shadow:0 0 15px #00ff96cc;transform:translateY(-2px)}.music-card{border-radius:45px;overflow:hidden;transition:all .3s ease-in-out}.music-card:hover{box-shadow:10px 12px 25px #00000040;cursor:pointer;transform:translateY(-13px) scale(1.02)}.music-card img{transition:transform .3s ease-in-out}.music-card:hover img{transform:scale(1.05)}.app-footer{bottom:0;color:#fff;font-size:1rem;left:0;padding:23px 0;position:fixed;text-align:center;width:100%}.modal-backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1040}.modal-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#1e1e1e99;border:1px solid #fff3;border-radius:40px;box-shadow:0 10px 25px #0000004d;color:#fff;padding:20px}@media (max-width:992px){.home-hero{border-radius:30px;padding:35px 12px}.glass-buttons{gap:8px}.glass-btn{font-size:.95rem;width:45%}.navbar{flex-wrap:wrap;gap:10px;padding:.4rem}}@media (max-width:768px){body{align-items:flex-start;padding:8px}.home-hero{border-radius:50px!important;margin-bottom:60px;max-height:20vh;overflow-y:inherit;padding:15px 8px;position:relative}.home-hero h1{font-size:1.7rem;margin-bottom:6px}.home-hero p{font-size:.8rem;line-height:1.2;margin-bottom:8px}.glass-buttons{flex-direction:column;gap:8px}.glass-btn{font-size:.75rem;padding:6px;width:100%}.music-card{border-radius:50px!important;font-size:.75rem;padding:5px}.equalizer{height:20px}.equalizer span{width:6px}.app-footer{font-size:.7rem;padding:8px 0}.navbar input[type=search]{margin-top:6px;width:100%!important}.navbar .d-flex.align-items-center{flex-wrap:nowrap;justify-content:space-between;width:100%}.navbar .d-flex.align-items-center>.d-flex.align-items-center{justify-content:flex-end;margin-left:36px}}@media (max-width:480px){.home-hero{border-radius:15px;margin-bottom:70px;max-height:65vh;padding:12px 6px}.home-hero h1{font-size:1.2rem}.home-hero p{font-size:.75rem}.glass-btn{font-size:.7rem;padding:5px}.navbar{align-items:flex-start;flex-direction:column;font-size:.7rem;gap:8px}.navbar .container-fluid,.navbar .d-flex.align-items-center{gap:8px}.navbar .d-flex.align-items-center>.d-flex.align-items-center{flex:1 1 100%;gap:6px;justify-content:flex-start}.navbar a,.navbar button{font-size:.7rem;padding:5px 8px}.music-card,.navbar .text-light.small{font-size:.7rem}.music-card{border-radius:12px;margin-bottom:8px;padding:5px}.equalizer{height:18px}.equalizer span{width:5px}}
/*# sourceMappingURL=main.f592c4e1.css.map*/