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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.specific-page5{background:url(https://png.pngtree.com/background/20211217/original/pngtree-note-music-logo-watercolor-background-picture-image_1589075.jpg) no-repeat 50% fixed;background-size:cover;color:#bd0909;font-family:Arial,sans-serif;height:100vh;margin:0;padding:0}h1{font-size:2.5em;margin-bottom:20px;text-align:center}.library-container{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-left:100px;padding:20px}.artist-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.artist-card{align-items:center;background-color:initial;border-radius:8px;box-shadow:0 1px 5px #0000001a;display:flex;flex-direction:column;padding:15px;transition:transform .2s}.artist-card:hover{cursor:pointer;transform:scale(1.05)}.artist-card img{border-radius:50%;height:150px;margin-bottom:10px;object-fit:cover;width:150px}.artist-card h3{color:#000;font-size:18px;text-align:center}.error{color:red;font-weight:700}.error,.loading{text-align:center}.loading{color:#666;font-size:18px}.Sidebar_sidebar__TTYAt{background-color:#c93f08;border-radius:5px;box-shadow:0 0 10px #0003;color:#f5f5f5;height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transition:width .3s ease;width:100px;z-index:100}.Sidebar_header__MG-t1{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.Sidebar_toggleButton__-zKQw{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.Sidebar_menu__-K\+WL{list-style:none;margin:0;padding:0}.Sidebar_menu__-K\+WL li{margin-bottom:10px;padding-top:60px}.Sidebar_menu__-K\+WL a{align-items:center;border-radius:4px;color:#fff;display:flex;padding:8px 15px;text-decoration:none;transition:background-color .3s ease}.Sidebar_menu__-K\+WL a:hover{background-color:#444}.Sidebar_text__7KXMP{font-size:1rem}.Sidebar_logoutButton__5lkRl{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;margin-left:10px;margin-top:80px}.Sidebar_logoutButton__5lkRl:hover{background-color:#444}.Sidebar_collapsed__GUQEh{width:70px}.Sidebar_collapsed__GUQEh .Sidebar_text__7KXMP{display:none}.Sidebar_active__tuHV6{background-color:#ed4f0b;color:#fff}.Sidebar_icon__1v8Ln{margin-right:10px}@media (max-width:768px){.Sidebar_sidebar__TTYAt{width:70px}.Sidebar_menu__-K\+WL li{padding-top:30px}.Sidebar_logoutButton__5lkRl{font-size:.8rem;margin-top:50px}}@media (max-width:480px){.Sidebar_sidebar__TTYAt{padding:10px;width:50px}.Sidebar_icon__1v8Ln{margin-right:5px}.Sidebar_menu__-K\+WL li{padding-top:20px}.Sidebar_logoutButton__5lkRl{font-size:.7rem;margin-top:30px}}.specific-page1{background:url(https://img.freepik.com/free-vector/musical-colorful-notes-dark-background_1017-32302.jpg) no-repeat 50% fixed;background-size:cover;height:100vh;margin:0;padding:0}.trending{box-sizing:border-box;color:#f5f5f5;display:flex;flex-direction:column;margin-left:200px;min-height:100vh;padding:20px}.trending h2{color:#0aabcb;font-size:29px;margin-bottom:19px}.trending-tracks{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.trending-track{align-items:center;background-color:initial;border-radius:50%;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:transform .2s ease-in-out}.trending-track:hover{transform:translateY(-5px)}.track-image{border-radius:50%;height:150px;overflow:hidden;width:150px}.track-image img{height:100%;object-fit:cover;width:100%}.track-info{margin-top:10px;text-align:center}.track-name{color:#c40b0b;font-size:14px;font-weight:700;margin-bottom:5px}.track-artists,.track-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artists{color:#666;font-size:12px}@media (max-width:768px){.trending{margin-left:0;padding:10px}.track-image{height:120px;width:120px}.track-artists,.track-name{font-size:12px;max-width:120px}}@media (max-width:480px){.track-image{height:100px;width:100px}.track-artists,.track-name{font-size:10px;max-width:100px}}.specific-page2{background:url(https://wallpaperaccess.com/full/2271516.jpg) no-repeat 50% fixed;background-size:cover;height:100vh;margin:0;padding:0}.playlists{color:#080000;margin-left:220px;padding:20px}.playlists h1{color:#f5f5f5;font-size:32px;margin-right:990px;margin-top:0}.playlists ul{display:flex;flex-wrap:wrap;margin:0;padding:0}.playlists li{align-items:center;background-color:initial;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:10px;padding:20px;transition:transform .2s;width:200px}.playlists li img{border-radius:5px;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.playlists li h2{font-size:29px;margin:0}.playlists li p{font-size:26px;margin:5px 0}.playlists li:hover{transform:translateY(-5px)}.playlists .playlist-details{flex-grow:1}.playlists .playlist-actions{align-items:center;display:flex;justify-content:flex-end;margin-top:10px}.play-icon{align-items:center;border:2px solid;border-radius:50%;display:inline-flex;justify-content:center;padding:10px;transition:color .3s ease,transform .3s ease,border-color .3s ease}.play-icon:hover{border-color:red;color:red;transform:scale(1.2)}@media (max-width:768px){.playlists{margin-left:0;padding:15px}.playlists h1{font-size:28px;margin-right:0}.playlists li{margin:8px;padding:15px;width:150px}.playlists li img{height:80px;width:80px}.playlists li h2{font-size:24px}.playlists li p{font-size:20px}.play-icon{padding:8px}}@media (max-width:480px){.specific-page2{height:auto;padding:20px}.playlists h1{font-size:24px;text-align:center}.playlists ul{justify-content:center}.playlists li{margin:5px;padding:10px;width:120px}.playlists li img{height:60px;width:60px}.playlists li h2{font-size:20px}.playlists li p{font-size:18px}.play-icon{padding:6px}}.specific-page{background:url(https://img.freepik.com/premium-photo/music-records-wooden-background_2353-596.jpg) no-repeat 50% fixed;background-size:cover;height:100vh;margin:0;padding:0}.profile{color:#07021c;margin-left:120px;padding:20px}.profile h1{color:#fff;font-size:32px;margin-top:0}.profile .profile-info{background-color:initial;border-radius:10px;margin-bottom:20px;padding:20px}.profile .profile-info h2{font-size:40px;margin-top:0}.profile .profile-info p{font-size:25px;margin-bottom:5px}.profile .profile-info p strong{font-weight:700}.profile-image{border-radius:20%;height:310px;margin-bottom:20px;object-fit:cover;width:310px}@media (max-width:768px){.profile{margin-left:0;padding:10px}.profile h1{font-size:28px}.profile .profile-info h2{font-size:36px}.profile .profile-info p{font-size:20px}.profile-image{height:250px;width:250px}}@media (max-width:480px){.profile h1{font-size:24px}.profile .profile-info h2{font-size:30px}.profile .profile-info p{font-size:18px}.profile-image{height:200px;width:200px}}.player-block{margin-top:-80px;padding:10px;text-align:center}.player-controls{margin-bottom:10px}.control-btn{align-items:center;background-color:#f00e0e;border:none;border-radius:50%;color:#f5f5f5;cursor:pointer;display:inline-flex;font-size:16px;height:50px;justify-content:center;margin:0 10px;padding-left:5px;width:50px}.control-btn:hover{background-color:#b5cae0}.control-btn i{font-size:24px}.progress-container{margin-top:10px}.progress-bar{width:100%}.time-info,.volume-control{color:#f5f5f5;font-size:14px;margin-top:10px;padding-right:30px}.equalizer2{display:flex;justify-content:center;margin:10px 0}.bar1{animation:equalizer-animation .5s infinite alternate;background-color:red;height:20px;margin:0 2px;width:10px}.bar1:nth-child(2){animation-delay:.1s}.bar1:nth-child(3){animation-delay:.2s}.bar1:nth-child(4){animation-delay:.3s}.bar1:nth-child(5){animation-delay:.4s}@media (max-width:768px){.control-btn{font-size:14px;height:40px;margin:0 5px;width:40px}.control-btn i{font-size:20px}.progress-container{margin-top:8px}.time-info,.volume-control{font-size:12px;padding-right:20px}.equalizer2{margin:5px 0}.bar1{height:16px;width:8px}}@media (max-width:480px){.player-block{margin-top:-60px;padding:5px}.control-btn{font-size:12px;height:35px;margin:0 3px;width:35px}.control-btn i{font-size:18px}.progress-container{margin-top:5px}.time-info,.volume-control{font-size:10px;padding-right:15px}.equalizer2{margin:5px 0}.bar1{height:14px;width:6px}}.specific-page4{background:url(https://img.freepik.com/free-vector/glowing-shiny-musical-notes-background-design_1017-32856.jpg) no-repeat 50% fixed;background-size:cover;height:100vh;margin:0;padding:0}.song-player-page{align-items:center;color:#f5f5f5;flex-direction:column;padding:5px;text-align:center}.song-image,.song-player-page{display:flex;justify-content:center}.song-image{margin-bottom:20px}.song-image img{border-radius:40%;height:320px;max-width:100%}.musical-notes{display:flex;justify-content:center;margin-top:20px}.musical-notes .note{animation:float 2s infinite;display:inline-block;font-size:30px;margin:0 8px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.song-info{color:#f5f5f5;margin-bottom:20px}.song-info h2{font-size:24px;margin-bottom:10px}.song-info p{font-size:18px}.butt{background-color:red;border:none;border-radius:20px;color:#f5f5f5;cursor:pointer;font-size:16px;margin-right:80%;margin-top:2px;padding:10px 20px;transition:opacity .3s ease}.butt:hover{opacity:.7}.vinyl-container1,.vinyl-container2{height:350px;position:absolute;width:350px;z-index:-1}.vinyl-container1{bottom:250px;left:55%}.vinyl-container2{bottom:250px;right:55%}.vinyl1,.vinyl2{animation:spin 5s linear infinite;background-position:50%;background-size:cover;border-radius:50%;height:100%;width:100%}@media (max-width:768px){.vinyl-container1,.vinyl-container2{bottom:150px;height:250px;left:50%;right:50%;width:250px}.song-info h2{font-size:20px}.song-info p{font-size:16px}.butt{margin-right:70%;padding:8px 16px}}@media (max-width:480px){.vinyl-container1,.vinyl-container2{bottom:100px;height:200px;left:45%;right:45%;width:200px}.song-image img{height:220px}.butt{margin-right:60%;padding:6px 12px}.song-info h2{font-size:18px}.song-info p{font-size:14px}}.specific-page3{background:url(https://img.freepik.com/premium-photo/bright-musical-background_476363-6549.jpg) no-repeat 50% fixed;background-size:cover;color:#f5f5f5;height:100vh;margin:0;padding:0}.playlists-details{margin-left:220px;padding:20px}.playlists-details h1{color:#f5f5f5;font-size:32px;margin-top:0}.playlists-details p{color:#f5f5f5;font-size:16px}.playlists-details ul{list-style:none;padding:0}.playlists-details .track-info h3{font-size:18px;margin:0}.playlists-details .track-info p{font-size:14px;margin:5px 0 0}.tracks-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.track-item{align-items:center;background-color:initial;border-radius:5px;cursor:pointer;display:flex;padding:10px;transition:background-color .3s ease,transform .3s ease}.track-item:hover{background-color:#e0e0e0;transform:scale(1.02)}.track-image{border-radius:5px;height:100px;margin-right:20px;object-fit:cover;transition:transform .3s ease;width:100px}.track-item:hover .track-image{transform:scale(1.1)}.track-info{flex:1 1}.track-info h3{margin:0;transition:color .3s ease}.track-info p{color:#f5f5f5;margin:5px 0}.track-item:hover .track-info h3,.track-item:hover .track-info p{color:#2ea828}.butt2{background-color:#2ea828;border:none;border-radius:20px;bottom:60px;color:#f5f5f5;cursor:pointer;font-size:16px;padding:10px 20px;position:relative;right:100px;transition:opacity .3s ease}.butt2:hover{opacity:.7}@media (max-width:768px){.playlists-details{margin-left:0;padding:15px}.playlists-details h1{font-size:28px}.playlists-details p{font-size:14px}.tracks-list{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.track-image{height:80px;width:80px}.track-info h3{font-size:16px}.track-info p{font-size:12px}.butt2{bottom:40px;font-size:14px;right:50px}}@media (max-width:480px){.playlists-details h1{font-size:24px;text-align:center}.playlists-details p{font-size:12px;text-align:center}.tracks-list{grid-template-columns:1fr}.track-item{flex-direction:column;text-align:center}.track-image{height:60px;margin-bottom:10px;margin-right:0;width:60px}.track-info h3{font-size:14px}.track-info p{font-size:10px}.butt2{bottom:20px;font-size:12px;right:20px}}.login-page{align-items:center;background-color:#9595c4;background-image:url(https://pics.craiyon.com/2023-10-31/e87770adae7e46cabc5970f57c84118b.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;opacity:.8;position:relative;text-align:center;width:100vw}.vinyl-container{height:350px;position:absolute;width:350px}.vinyl{animation:spin 5s linear infinite;background-position:50%;background-size:cover;border-radius:50%;height:100%;width:100%}.right{bottom:40%;right:10%}.left{bottom:40%;left:10%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo{animation:fade-in 1s;margin-bottom:20px;width:400px}.equalizer{display:flex;justify-content:center;margin:20px 0}.bar{animation:equalizer-animation .5s infinite alternate;background-color:#340a9c;height:20px;margin:0 2px;width:10px}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.2s}.bar:nth-child(4){animation-delay:.3s}.bar:nth-child(5){animation-delay:.4s}@keyframes equalizer-animation{0%{height:20px}to{height:40px}}.login-btn{background-color:#41027b;border:none;border-radius:50px;color:#f5f5f5;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease-in-out}.login-btn:hover{transform:scale(1.1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.login-page{padding:20px}.logo{width:250px}.vinyl-container{height:200px;width:200px}.right{bottom:30%;right:5%}.left{bottom:30%;left:5%}.login-btn{font-size:14px;padding:8px 15px}}@media (max-width:480px){.login-page{flex-direction:column;height:auto;justify-content:flex-start;padding:10px}.logo{width:200px}.vinyl-container{display:none}.equalizer{margin:10px 0}.bar{margin:0 1px;width:8px}.login-btn{font-size:12px;padding:6px 12px}}.App{align-items:center;display:flex;font-family:Arial,sans-serif;justify-content:center;padding:auto}.login{text-align:center}.content{flex:1 1}.content button{margin-top:50px}
/*# sourceMappingURL=main.820dc3d4.css.map*/