:root{--primary-background:#121212;--secondary-background:#242424;--text-color:#fff;--accent-color:#ff4081;--highlight-color:#1e88e5}body,html{align-items:center;background:linear-gradient(135deg,#121212,#242424);color:#fff;color:var(--text-color);display:flex;height:100%;justify-content:center;margin:0}.auth-container{background-color:#121212;background-color:var(--primary-background);border-radius:15px;box-shadow:0 0 15px rgba(0,0,0,.4);margin:200px 0 0;max-width:450px;padding:40px;text-align:center;width:100%}.form-group{margin-bottom:20px;text-align:left;width:100%}label{display:block;margin-bottom:5px}input[type=password],input[type=text],label{color:#fff;color:var(--text-color);font-size:14px}input[type=password],input[type=text]{background:none;border:1px solid #fff;border:1px solid var(--text-color);border-radius:5px;padding:8px;transition:border-color .3s;width:100%}input[type=password]:focus,input[type=text]:focus{border-color:#ff4081;border-color:var(--accent-color)}.auth-button{background-color:#ff4081;background-color:var(--accent-color);border:none;border-radius:25px;color:#fff;color:var(--text-color);cursor:pointer;margin-bottom:20px;padding:8px 25px;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.auth-button:hover{background-color:#1e88e5;background-color:var(--highlight-color);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.register-link a,.register-login-link a{text-decoration:none}@media (max-width:600px){.auth-container{padding:25px;width:90%}.auth-button,input[type=password],input[type=text]{width:100%}}.input-wrapper{position:relative;width:100%}.icon-invalid,.icon-valid{font-size:20px;position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .3s}.icon-valid{color:green}.icon-invalid{color:red}*{font-family:Arial,sans-serif}.navbar{align-items:center;background-color:rgba(0,0,0,.8);box-shadow:0 2px 10px rgba(0,0,0,.4);display:flex;font-size:1.2em;justify-content:space-between;left:0;padding:15px 30px;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.nav-item.active{border-bottom:3px solid #e74c3c;color:#e74c3c}.navbar:hover{background:#000}.nav-logo{color:#e74c3c;cursor:pointer;font-size:1.6em;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:#c0392b}.nav-items{align-items:center;display:flex}.nav-item{border-radius:5px;color:purple;cursor:pointer;margin:0 20px;padding:8px 15px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.nav-item:hover{background-color:hsla(0,0%,100%,.1);color:#e74c3c}@media (max-width:768px){.nav-item{display:none}.hamburger-menu{display:block}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;overflow-x:hidden}.container-fluid.view{display:flex;flex-direction:column;min-height:100%;padding:0 20px 20px;position:relative}.image-grid{align-items:center;-webkit-animation:reel 200s linear infinite;animation:reel 200s linear infinite;display:flex;justify-content:flex-start;margin-top:220px;overflow:hidden;white-space:nowrap}.image-container{cursor:pointer;display:inline-block;flex:none;margin:10px;max-width:calc(1.6% - 20px);position:relative}.image-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.home-image{border-radius:5px;height:auto;transition:opacity .3s ease-in-out;width:100%}.quote-section{background-color:rgba(0,0,0,.6);border-radius:5px;color:#fff;font-family:Georgia,serif;font-size:2.5em;left:50%;line-height:1.5;padding:20px 40px;position:absolute;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.search-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.search-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10%;padding:10px 20px}.search-button:hover{background-color:#2980b9;-webkit-transform:scale(1.05);transform:scale(1.05)}.fas.fa-music.bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media only screen and (max-width:600px){.image-grid{flex-direction:column}}.image-container:hover .home-image{-webkit-animation:rotateY 2s linear;animation:rotateY 2s linear}@-webkit-keyframes reel{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes reel{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}body{display:flex;flex-direction:column;min-height:100vh}footer{background-color:#000;bottom:0;box-shadow:0 -2px 12px #000;color:#fff;display:grid;font-size:.9em;left:50%;padding:10px 20px;place-items:center;position:relative;text-align:center;text-decoration:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:background-color .3s ease,box-shadow .3s ease;width:550%}body,html{background-color:#f4f4f4;font-family:Arial,sans-serif;margin-top:0;padding:0}.search-container{margin-top:410px;max-width:1200px;padding:20px}h1{color:#5afa32;font-size:30px;margin-bottom:30px;text-align:center}.search-bar{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.search-bar input[type=text]{background-blend-mode:multiply;background-color:#fff;background-color:rgba(0,0,0,.563);background-image:url(/static/media/equalizer.d99cadfd78e4ce0564be.gif);background-position:50%;background-repeat:no-repeat;background-size:555px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:18px;outline:none;padding:10px 10px 10px 20px;text-align:center;width:700px}.search-bar input[type=text]::-webkit-input-placeholder{color:#46ece9}.search-bar input[type=text]::placeholder{color:#46ece9}.error{color:red;margin:10px 0;text-align:center}.results{display:flex;gap:0;list-style:none;margin:0;overflow-x:auto;padding:0;scroll-snap-type:x mandatory}.results li{align-items:center;background-color:#ffffff00;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex:0 0 auto;flex-direction:column;padding:10px;scroll-snap-align:start;width:200px}.results img.album-cover{border-radius:5px;height:120px;margin-bottom:10px;object-fit:cover;width:120px}.results p{color:#fffefe;font-size:14px;margin:5px 0}.results a{border:1px solid #007bff;border-radius:5px;color:#007bff;margin-top:auto;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.results a:hover{background-color:#007bff;color:#fff}FooterComponent,NavbarComponent{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}FooterComponent{bottom:0;position:-webkit-sticky;position:sticky}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:#fffefe;border-radius:5px}::-webkit-scrollbar-track{background-color:#fffdfd}.Leaderboard{border-radius:10px;padding:20px;position:absolute;right:33.3%;top:10%;transition:box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;width:33%}.Leaderboard h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:15px;text-align:center}.LeaderboardSearch-container{border-radius:10px;margin-left:-550px;margin-right:-550px;margin-top:2%;overflow:hidden;padding:.5%}.LeaderboardSearch-container .ant-list-item:nth-child(odd){background-color:hsla(0,0%,62%,0)}.LeaderboardSearch-container .ant-list-item:nth-child(2n){background-color:rgba(206,136,224,0)}.ant-list-items{border-width:5px;display:flex;height:20vh;overflow:auto;overflow-y:hidden}.ant-list-items .ant-list-item{border-radius:5%;margin-left:10px}.ant-list-item{-webkit-animation:scroll 60s linear infinite;animation:scroll 60s linear infinite;flex-direction:column}.ant-list-item-meta{width:250px}.list-number{font-size:x-large}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(300%);transform:translateX(300%)}to{-webkit-transform:translateX(-1100%);transform:translateX(-1100%)}}@keyframes scroll{0%{-webkit-transform:translateX(300%);transform:translateX(300%)}to{-webkit-transform:translateX(-1100%);transform:translateX(-1100%)}}::-webkit-scrollbar{display:none}.Leaderboard .ant-select{background-color:rgba(0,238,255,.205);border-radius:5px;margin:0 30% 20px;position:relative;text-align:center;width:40%}.LeaderboardSearch-container .ant-list-item-meta-description,.LeaderboardSearch-container .ant-list-item-meta-title,.LeaderboardSearch-container .ant-list-item-meta-title a{size:10px!important;color:#fff!important}.Leaderboard .ant-select-selector{background-color:transparent!important;color:hsla(0,0%,100%,0)!important}.Leaderboard .ant-select-selection-placeholder{border-radius:5px;color:#fff!important}.Leaderboard .ant-select-selection-item{color:hsla(0,0%,100%,.959)!important}.Leaderboard .ant-select-selection-item:hover{color:rgba(228,65,65,0)!important}.Leaderboard .ant-select-search-input{color:#fff!important}.Leaderboard .ant-select-dropdown{background-color:rgba(0,0,0,.533)!important}.Leaderboard .ant-select-item{color:#fff!important}.Leaderboard .ant-select-focused .ant-select-selector,.Leaderboard .ant-select-selector:active,.Leaderboard .ant-select-selector:focus{border-color:transparent!important;box-shadow:none!important;outline:none!important}.Leaderboard .ant-select-selector{transition:none!important}.about-container{background:linear-gradient(hsla(0,0%,73%,.181),rgba(0,0,0,.181));border-radius:12px;box-shadow:0 0 15px rgba(0,0,0,.2);color:#f7f7f7;margin:15% 10px 30px;max-width:800px;padding:20px}.about-container h1,.about-container h2{color:#fff;font-family:Your Modern Font,sans-serif;margin-bottom:20px}.about-container h2{font-size:40px;text-align:center}.about-container p{background-color:hsla(0,1%,45%,0);border-radius:8px;color:#e0e0e0;font-size:16px;line-height:1.5;margin-bottom:30px;padding:10px}.team-list{list-style-type:none;padding-left:0}.team-list li{align-items:center;background:linear-gradient(hsla(0,0%,9%,0),rgba(55,55,55,0));border-radius:8px;display:flex;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;margin-bottom:15px;padding:10px}.team-img{border-radius:50%;box-shadow:0 0 10px #000;height:150px;margin-right:10px;width:150px}.about-button{background:linear-gradient(#dad9d9,hsla(0,0%,40%,.501));border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s;&:hover{background-color:#000}}.App{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 0 auto}
/*# sourceMappingURL=main.5222db8b.css.map*/