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(1turn)}to{transform:rotate(0deg)}}.navigation-bar{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:none;box-shadow:0 8px 32px #00000040;color:#fff;display:flex;height:9rem;justify-content:flex-end;left:50%;padding:15px 30px;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:1000}.navigation-bar ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.navigation-bar li a{border-radius:30px;color:#fff;font-size:1rem;font-weight:500;padding:2px 20px;text-decoration:none;transition:background .3s ease}.navigation-bar li a:hover{background-color:#fff3}.menu,.navbar{display:flex}.menu{position:relative;width:100%}.menu p{font-size:1.2rem}.submenu{display:none}.navbar:hover .submenu{display:flex}.profile-details{align-items:center;background-color:#330d5bcc;border-radius:25px;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:-8rem;padding:1rem;position:absolute;top:2rem}.profile-details img{border:.2rem solid #000;border-radius:50%;display:block;height:3rem;width:3rem}.logo{left:3rem;position:absolute;top:0}.logo img{height:9rem;width:9rem}.signup-container{height:100vh;overflow:hidden;position:relative;width:100vw}.signup{align-items:center;display:flex;justify-content:center;left:50%;margin-top:7rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.signup-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000040;color:#fff;gap:3rem;max-width:500px;padding:3rem;text-align:center;width:90%}.input-section,.signup-box{display:flex;flex-direction:column}.input-section{gap:2rem;width:100%}.input-section div{align-items:center;display:flex;flex-direction:column}.input-section input{background:#fff3;border:none;border-radius:25px;color:#fff;font-size:1rem;height:3rem;outline:none;padding:0 1.5rem;width:80%}.input-section input::placeholder{color:#ffffffb3}.input-section div span{color:#ff8585;font-size:.9rem;margin-top:5px}.input-section button{background-color:#7c3aed;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;height:3rem;margin:auto;transition:background .3s ease;width:40%}.input-section button:hover{background-color:#5b21b6}body{font:normal 75% Arial,Helvetica,sans-serif;margin:0}canvas{display:block;vertical-align:bottom}#particles-js{background-color:#b61924;background-image:url(https://media.istockphoto.com/id/1494832020/vector/blurred-bokeh-light-on-dark-blue-background-defocused-blinking-stars-and-sparks-abstract.jpg?s=612x612&w=0&k=20&c=D-B1EWPT33eSRjTF_ZmAxFER8pu9pNP870RBF9Okfc4=);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;position:absolute}.count-particles{background:#002;border-radius:0 0 3px 3px;color:#13e8e9;font-family:Helvetica,Arial,sans-serif;font-size:.8em;font-weight:700;left:0;line-height:14px;padding-bottom:2px;position:absolute;text-align:left;text-indent:4px;top:48px;width:80px}.js-count-particles{font-size:1.1em}*{box-sizing:border-box;margin:0;padding:0}body,html{color:#fff;font-family:Inter,sans-serif;height:100%;overflow:hidden;width:100%}#particles-js{height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.login-container{height:100vh;overflow:hidden;position:relative;width:100vw}.login-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000040;color:#fff;display:flex;flex-direction:column;gap:2rem;margin:15rem auto auto;max-width:500px;padding:3rem;text-align:center;width:90%}.login input{background:#fff3;border:none;border-radius:25px;color:#fff;font-size:1rem;height:3rem;margin:0 auto;outline:none;padding:12px 15px;width:75%}input::placeholder{color:#ffffffb3}.login button{background-color:#7c3aed;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;height:3rem;margin:auto;transition:background .3s ease;width:40%}button:hover{background-color:#5b21b6}.login-box div{display:flex;flex-direction:column}.login-box div span{color:red;font-size:.9rem;margin-top:5px}.homepage-content{margin-top:7rem}.homepage-container{height:100vh;overflow:hidden;position:relative;width:100%}.centered-text{font-family:Arial,sans-serif;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.centered-text h1{font-size:3rem;margin-bottom:.5rem}.centered-text p{color:#ccc;font-size:1.2rem}.searchbar{align-items:center;background-color:#1e1e1e;border-radius:12px;box-shadow:0 0 10px #000000b3;display:flex;gap:.5rem;justify-content:center;margin:2rem auto;padding:1rem;width:80%}.searchbar input[type=text]{background-color:#2b2b2b;border:none;border-radius:8px;color:#fff;font-size:1rem;outline:none;padding:.6rem 1rem;transition:all .3s ease;width:90%}.searchbar input[type=text]::placeholder{color:#bbb}.searchbar input[type=text]:focus{background-color:#333;box-shadow:0 0 5px #00bcd4}.searchbar button{background-color:#00bcd4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease}.searchbar button:hover{background-color:#0097a7}.music-content{height:8rem;width:100%}.music-content,.player-bar{align-items:center;display:flex;justify-content:center}.player-bar{background-color:#000;border-radius:25px;color:#fff;height:3rem;width:60%}.section1{background-color:#1e1e1e;bottom:0;height:20rem;position:absolute;width:100%}.logo-text{animation:shimmer 3s cubic-bezier(.075,.82,.165,1) infinite;background:linear-gradient(130deg,#ff5e00f2,#ff0090,#ffc400f2) -100% /200%;-webkit-background-clip:text;background-clip:text;color:#0000;font:900 clamp(2em,10vw,10em) Exo,sans-serif;place-self:center;text-shadow:0 0 10px #ff009040}@keyframes shimmer{to{background-position:100%}}.centered-text{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:30vh;text-align:center}.centered-text h2{color:#ffffffd9;font-size:1.6rem;font-weight:500;letter-spacing:.5px;margin-top:10px;text-shadow:0 1px 8px #0000004d}.centered-text h2:nth-of-type(2){animation:fadeInPulse 2s ease-in-out infinite alternate;color:#ff69b4;font-size:1.4rem;font-weight:600;margin-top:20px}@keyframes fadeInPulse{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.buttons{display:flex;gap:20px;justify-content:center;margin-top:50px}.buttons button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0006;cursor:pointer;padding:12px 28px;transition:all .3s ease}.buttons button a{color:#fff;font-size:16px;font-weight:600;text-decoration:none}.buttons button:hover{background:#fff3;box-shadow:0 6px 20px #0009;transform:translateY(-2px)}
/*# sourceMappingURL=main.69fd9a31.css.map*/