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}body{font-family:Lato,sans-serif;overflow-x:hidden;padding:0}.hero{display:flex;padding:70px 10px;width:100%}.left-sideNavbar{height:500x;width:15%}.main{display:flex;flex-direction:column;padding-left:10px;text-align:start;width:85%}.navbarForMobile{display:none}@media (min-width:976px) and (max-width:1080px){.left-sideNavbar{display:none}}@media (max-width:975px){.left-sideNavbar{display:none}.navbarForMobile{display:block}}body{margin:0}.navbar,body{background-color:#f6f6f6}.navbar{border-bottom:1px solid #e4dede;display:flex;height:45px;padding:10px 0;position:fixed;top:0;width:100%;z-index:9999}.left-nav{align-items:center;display:flex;height:100%;justify-content:start;padding:0 1rem;white-space:nowrap;width:30%}.left-nav .logo{margin-right:20px}.left-nav img{height:60%;padding-top:5px}.nav-links{display:flex;gap:10px}.link{color:#3e3e3e;font-weight:600;text-decoration:none}.search-bar{align-items:center;background-color:#fff;border:1px solid #d8d2d2;border-radius:25px;display:flex;gap:10px;height:60%;justify-content:center;margin-top:.2rem;padding:5px 5px 5px 20%;width:45%}.search-bar>input{background-color:initial;border:none;width:100%}.search-bar>input:focus{outline:none}.search-bar .searchIcon{color:gray}.right-nav{align-items:center;display:flex;height:100%;justify-content:space-around;margin-left:8%;white-space:nowrap;width:25%}.login-signup{display:flex;gap:20px}.music-mood select{background-color:#f6f6f6;border:none;color:#3e3e3e;font-size:.8rem;font-weight:600}.music-mood select:focus{outline:none}.user-dropdown{display:inline-block;margin-right:20px;position:relative}.dropdown-toggle{align-items:center;cursor:pointer;display:flex}.dropdown-toggle i{color:grey}.dropdown-toggle i:first-child{background-color:#dcdcdc;border-radius:50%;color:#fff;padding:6px 7px}.dropdown-toggle i:last-child{margin-left:8px}.dropdown-content{background-color:#000;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;position:absolute;right:0;z-index:1}.dropdown-item-user{color:#fff;cursor:pointer;padding:10px 15px}.dropdown-item-user:hover{background-color:#00008b}.user-dropdown:hover .dropdown-content{display:block}@media (max-width:975px){.navbar{justify-content:space-between}.nav-links,.user-dropdown,login-signup{display:none}}.sidebar-container{justify-content:start;left:0;padding-left:40px;padding-top:20px;position:fixed}.browse,.sidebar-container{align-items:start;display:flex;flex-direction:column}.browse{justify-content:space-around}.browse p{color:#828da8;font-size:12px;font-weight:600}.browse-list{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:space-around}.browse-list .link{color:#3e3e3e}.library{align-items:start;display:flex;flex-direction:column;justify-content:space-around;padding-top:15px}.library p{color:#828da8;font-size:12px;font-weight:600}.library-list{align-items:start;color:#3e3e3e;display:flex;flex-direction:column;gap:8px;justify-content:space-around}.library-list .link{color:#3e3e3e}.library-list i{font-size:15px;margin-right:10px}.palylist-btn{border:1px solid #2bc5b4;border-radius:30px;color:#2bc5b4;font-size:16px;margin-top:30px;padding:8px 45px}.palylist-btn i{font-size:large}.song-page{padding-right:2rem;padding-top:3rem}.loading{height:100%;text-align:center;width:100%}.links-song-page{margin-right:20px;margin-top:10px;padding-left:20px}.trending{color:#3e3e3e;font-size:20px}.song-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;width:100%}.card{display:flex;flex-direction:column;width:calc(14.2% - 20px)}.card-image{border-radius:8px;object-fit:contain;width:100%}.card-image,.radio-image{transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.radio-image{border-radius:50%}.radio-image:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.7}.title{color:#3e3e3e;margin:0;text-align:center}.artist-page-title{display:none}.artists{color:#3e3e3e;margin:0;text-align:center}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-right:200px;margin-top:30px}.hidePagination{display:none}.card-image:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.7}.live-music{background-color:#f6f6f6;bottom:0;display:flex;height:70px;justify-content:space-between;left:0;margin-top:20px;position:fixed;right:0;width:100%}.left-live-music{align-items:center;display:flex;height:100%;width:20%}.left-live-music img{height:40px;padding:10px;width:40px}.left-live-music p{font-size:.8rem}.center-live-music{align-items:center;display:flex;height:100%;justify-content:space-around;width:20%}.center-live-music button{background:transparent;border:none;font-size:1.3rem}.right-live-music{align-items:center;display:flex;height:100%;justify-content:space-evenly;width:20%}.volume-icon{color:#000!important}.volume-slider-custom{height:5px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top;transform-origin:top;width:60px}.progress-bar-top{color:#2bc5b4;height:3px;left:0;position:absolute;right:0;top:0}.progress-bar{background-color:#2bc5b4;height:100%}@media (max-width:975px){.live-music{bottom:50px}}.navbar-mobile{align-items:center;background-color:#f6f6f6;border-top:1px solid #e4dede;bottom:0;display:flex;height:50px;justify-content:space-around;position:fixed;width:100%}.navbar-browse,.navbar-home,.navbar-myProfile,.navbar-search{display:flex;flex-direction:column}.footer{background-color:#f6f6f6;border-top:1px solid #e4dede;height:30px;justify-content:space-between;padding:1.5rem}.footer,.footer-right{align-items:center;display:flex}.footer-right{gap:10px;justify-content:start;text-align:center}.footer-right a{font-size:1.5rem}.footer-right a:nth-child(3){color:#1da1f2}.footer-right a:nth-child(4){color:red}.footer-right a:nth-child(5){color:darkred}.signup-container{display:flex;height:100vh;text-align:start;width:100%}.left-signup{background-color:#8e2225;height:100%;position:relative;width:50%}.right-signup{width:50%}@media (max-width:975px){.left-signup{display:none}}.signup{height:100%;position:relative;width:100%}.login-from-signup-btn{background-color:#fff;border:1px solid #2a2d36;border-radius:15px;cursor:pointer;margin-left:5px;padding:6px 18px}.signup-form{height:80%;left:20%;position:absolute;text-align:center;top:12%;width:50%}.signup-text{color:#3e3e3e;font-size:15px;margin-top:0}.signup-form input{background-color:#fff;border:1px solid #d8d2d2;border-radius:25px;font-size:1.2rem;margin-top:10px;padding:10px;text-align:center;width:95%}.signup-btn{background-color:#258f83;font-size:1.2rem;margin-bottom:10px;margin-top:20px;padding:10px;width:100%}.signup-btn,.signup-with-email-btn{border:none;border-radius:20px;color:#fff;cursor:pointer}.signup-with-email-btn{background-color:#000;margin-right:10px;margin-top:10px;padding:12px 40px}@media (max-width:975px){.signup{padding-left:5rem}}.song-category{margin-right:30px;margin-top:30px}.top-page-links{display:flex;gap:40px}.link{border-bottom:1px solid transparent;font-size:.8rem}.link.active{border-color:#000;padding-bottom:.5rem}.login-container{display:flex;height:100vh;text-align:start;width:100%}.left-login{background-color:#8e2225;height:100%;position:relative;width:50%}.logo-container{display:flex;justify-content:start;padding:20px}.logo-img{display:inline;height:5%;height:32px;width:32px}.logo-name{color:#fff;font-size:1rem;font-weight:700;margin:0;padding-left:2px;padding-top:4px}.avatar-container{left:20%;position:absolute;top:15%}.avatar{border-radius:50%;height:350px;width:350px}.avatar-text{color:#fff;font-size:34px;margin-bottom:0;text-align:center}.avatar-text-style{color:#f83a2c;font-family:italic;font-size:24px;font-weight:600;margin:0;padding:0;text-align:center}.right-login{width:50%}@media (max-width:975px){.left-login{display:none}}.login{height:100%;position:relative;width:100%}.accounts{float:right;font-size:15px;padding-right:20px;padding-top:8px}.signup-from-loginpage-btn{background-color:#fff;border:1px solid #2a2d36;border-radius:15px;cursor:pointer;margin-left:5px;padding:6px 18px}.login-form{height:80%;left:20%;position:absolute;text-align:center;top:12%;width:50%}.welcome-text{color:#3e3e3e;font-size:32px;margin-bottom:0}.login-text{color:#3e3e3e;font-size:15px;margin-top:0}.login-form input{background-color:#fff;border:1px solid #d8d2d2;border-radius:25px;margin-top:10px;text-align:center;width:95%}.login-btn,.login-form input{font-size:1.2rem;padding:10px}.login-btn{background-color:#258f83;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-bottom:10px;margin-top:20px;width:100%}.para-text{color:#3e3e3e;font-size:10px;margin-top:0}.login-with-email-btn{background-color:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-right:10px;margin-top:10px;padding:12px 40px}.error-text{color:red;margin:0}@media (max-width:975px){.login{padding-left:5rem}}.song-list{margin:30px 20px}.main h3{margin-left:20px}.my-profile{display:flex;justify-content:space-between;margin:30px 20px}.my-details{display:flex;gap:30px}.user-icon{background-color:#dcdcdc;border-radius:50%;color:#fff;font-size:4rem;padding:5px 15px}.user-details{display:flex;flex-direction:column;gap:8px}.user-details h2{margin:0}.user-details p{font-size:.8rem;margin:0}.go-pro-btn{background-color:#2bc5b4;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 13px}.user-logout{padding-right:12%;padding-top:20px}.user-logout button{background-color:#fff;border:1px solid #3e3e3e;border-radius:20px;cursor:pointer;padding:6px 20px}.music-player{display:flex;flex-direction:column;margin-left:3%;margin-top:10%}.play-song-container{display:flex;justify-content:start}.image-details{height:250px;width:250px}.song-detail{display:flex;flex-direction:column;justify-content:start;margin-left:40px}.song-detail h2,.song-detail p{margin:0;padding:0}.playBtn-fvrt{display:flex;gap:20px;margin-top:20px}.play-btn{background-color:#2bc5b4;border:none;border-radius:20px;color:#fff;font-size:1.2rem;padding:10px 30px}.fvrt{font-size:2rem}.related-song-list{display:flex;flex-direction:column;gap:1.2rem}.list-of-song{box-shadow:-2px 4px 5px 0 hsla(0,17%,70%,.75);-webkit-box-shadow:-2px 4px 5px 0 hsla(0,17%,70%,.75);cursor:pointer;display:flex;justify-content:space-between;padding:5px;width:50%}.list-of-song,.list-of-song:hover{background-color:#fff}.fvrt.fa-solid.fa-heart{color:red}.constuction-page{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;margin-top:80px}.constuction-page img{border-radius:10%}.header-construction{font-size:30px}.construction-button-container{font-size:20px;margin-top:20px}.construction-btn{background-color:#eded15;border:none;border-radius:10px;cursor:pointer;font-size:16px;padding:5px}.construction-btn:hover{background-color:#9acd32}
/*# sourceMappingURL=main.27f92135.css.map*/