@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Geologica:wght@300&family=Inter&display=swap);@import url(https://fonts.googleapis.com/css2?family=Monomaniac+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap);.Home-skeleton{height:100vh;width:100vh}.home-music-container{display:flex}.home-music-container .sidebar-home{flex:.2 1}.home-music-container .main-home{flex:.8 1}.current-large-banner{height:90vh;left:0;position:absolute;top:0;width:100%}@media only screen and (max-width:700px){.home-music-container .sidebar-home{flex:0 1}.home-music-container .main-home{flex:1 1}}nav{background-color:#fff;border-bottom:1px solid #e0e0e0;height:15vh;margin-bottom:0;padding-bottom:20px;padding-right:0;padding-top:20px;-webkit-user-select:none;user-select:none;z-index:99999}nav,nav div{border-radius:20px;display:flex}nav div{align-items:center;justify-content:center;padding:10px;z-index:999}nav .navigation{flex-flow:row wrap;margin-bottom:10px}nav .language{color:#000;padding:10px}nav .Dropdown-btn{display:flex}nav .Dropdown-btn .wrapper{flex-direction:column;padding:0}nav .Dropdown-btn .wrapper p{color:#000;font-weight:500}@media only screen and (max-width:700px){nav{display:none}}.dropdown{border:1px solid #e0e0e0;border-radius:10px;display:flex;position:absolute;right:7px;top:67px;-webkit-user-select:none;user-select:none;width:20vw;z-index:100000}.dropdown,.dropdown .dropdown-head{flex-flow:column}.dropdown .dropdown-head p{color:#000}.dropdown .button-div,.dropdown .button-div a{width:100%}.dropdown .button-div button{border:none;padding:7px;width:100%}.lang-list{display:grid;grid-template-columns:50% 50%;width:100%}.lang-list button{margin:5px}.SearchBar{flex:1 1;margin:0 40px;padding:0;position:relative;transition:margin .15s ease-in-out}.SearchBar .search-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-grow:1;height:2.5rem;padding:0}.SearchBar input{background-color:transparent;border:none;border-radius:10px;height:100%;line-height:2.5rem;outline:none;padding:11px 45px;width:100%}.SearchBar .SearchBar-customPlaceholderOpen{cursor:text;position:absolute;width:90%}.SearchBar .SearchBar-customPlaceholderClose{cursor:pointer;position:absolute;right:10px}.SearchBar .search-icon{left:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.SearchBar p{color:gray;margin-left:15px}.open{margin-left:20px;margin-right:20px}@media only screen and (max-width:215px){.hide{display:none}}.brand a{background-color:#fff;border-radius:10px;box-shadow:0 10px 10px -2px rgba(0,0,0,.2),0 3px 10px 1px rgba(0,0,0,.14),0 10px 10px 0 rgba(0,0,0,.12);margin-bottom:10px;margin-top:10px;padding:5px;transition:all .2s ease-in-out}.brand h1{color:#000;font-family:Pacifico,cursive;font-size:2rem;letter-spacing:2px;padding:0 5px}@media only screen and (max-width:700px){.brand{margin-left:3%;scale:.7;width:80px}}.brand:hover a{background-color:#626262}.brand:hover a h1{color:#fff}.dropdown-profile{border:1px solid #e0e0e0;border-radius:0 0 10px 10px;display:flex;flex-direction:column;position:absolute;right:7px;top:67px;-webkit-user-select:none;user-select:none;z-index:100000}.dropdown-profile .MuiSvgIcon-root{color:#3b3b3b}.hb{display:inline-block;margin:5px 0}.hb,.hb button{width:100%}.mob-top-navigation{background-color:#fff;display:flex;flex-flow:row;height:4vh;height:100%;margin-bottom:50px;position:fixed;width:100%;z-index:99999}@media only screen and (max-width:700px){.mob-top-navigation{height:60px;padding:5px;position:fixed;width:100%}}@media only screen and (min-width:700px){.mob-top-navigation{height:90px;margin-bottom:0;margin-top:0;position:fixed;width:100%;z-index:99999}}.aside-bar{align-items:center;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-top:0;overflow:auto;position:fixed;width:180px;z-index:99}.aside-bar .p1{border-bottom:1px solid #565656;font-weight:bolder;padding:10px;-webkit-user-select:none;user-select:none}.aside-bar .lib-sub{align-items:center;display:flex;justify-content:flex-start;margin:5px;padding:10px}.aside-bar .lib-sub .MuiButton-startIcon{color:#000}.aside-bar .aside-bar-container{display:flex;flex-flow:column;width:100%}.aside-bar .aside-bar-container .p1{color:#000}.aside-bar .playlist{flex:1 1}.aside-bar .playlist .p1{border-top:1px solid #5a5a5a}.aside-bar .playlist .lib-sub:hover{background-color:#545454;color:#fff}@media only screen and (max-width:700px){.aside-bar{display:none}}.footer-player{align-items:center;background-color:#fff;border-top:1px solid #fff;bottom:10px;display:flex;flex-direction:row;height:2vh;margin-bottom:20px;padding-left:0;padding-right:5px;padding-top:40px;position:fixed;width:100%;z-index:9999}.footer-player Button{background-color:#fff;margin:2px;padding:1px;z-index:99999}.footer-player .playback{left:0;overflow:hidden;position:absolute;top:-15px;width:100%;z-index:999}.footer-player .playback .playback-completed{width:100%}.footer-player .playback .MuiSlider-thumb{box-shadow:none!important}@media screen and (max-width:700px){.curr-music-details{margin-right:10px;padding-right:0;text-align:left}.curr-music-details p:first-child{font-size:17px;font-weight:bolder;margin-top:5px}.curr-music-details p:nth-child(2){display:none}}.curr-music-container{flex-grow:1;height:100%;justify-content:flex-start!important}.curr-music-container .curr-music-cover{padding-left:5px}.playback-controls{align-items:center;display:flex;flex-basis:40%;flex-direction:row;height:100%;justify-content:center}.playback-controls div{padding-right:10px}.playback-widgets{align-items:center;color:#fff;display:flex;flex-basis:30%;flex-direction:row;height:100%;justify-content:flex-end}.playback-widgets .timer{display:none}.playback-widgets .slider{margin:0;width:100px}.playback-widgets .volume{padding-right:10px}@media only screen and (max-width:700px){.footer-player{height:60px;margin-bottom:7.5vh;padding-bottom:30px;position:fixed}.footer-player .playback-controls{flex-grow:0;height:10px;justify-content:flex-end;margin-right:-10px;padding-left:10px;z-index:9999}.footer-player .playback-widgets,.footer-player p:last-child{display:none}.playback{bottom:0;height:10px;position:relative}.footer-player .repeat{display:none}}.song-name{color:#2b2b2b;font-size:1.2rem;font-weight:bolder}.author-name{color:gray;font-size:15px;font-weight:lighter;margin-bottom:10px}@media only screen and (max-width:700px){.bottom-navigation{bottom:0;display:flex;height:9vh;margin:auto;padding:0;position:fixed;width:100%}.bottom-navigation .bottom-navigation-link{align-items:center;background-color:#fff;bottom:0;display:flex;flex:1 1;justify-content:center;position:relative;width:100%;z-index:1000}.bottom-navigation .bottom-navigation-link .BottomNavAction{height:100%;left:0;position:absolute;top:0;width:100%}.bottom-navigation .bottom-navigation-link .label{bottom:5px;color:#000;display:none;font-weight:600;margin-top:5px;position:absolute;z-index:1000}.bottom-navigation .bottom-navigation-link .active{background-color:#c4c4c4;border-radius:10px;color:#00a2ff;margin-bottom:0}.bottom-navigation .bottom-navigation-link .active+.label{display:block}.bottom-navigation{border-radius:20px;bottom:0;position:fixed;z-index:99999}.bottom-navigation .bottom-navigation-link svg{font-size:30px}.bottom-navigation .bottom-navigation-link .active+.label,.bottom-navigation .bottom-navigation-link .label{display:none}}@media only screen and (min-width:700px){.bottom-navigation{display:none}}.music-card-container{display:flex;flex-flow:row wrap;justify-content:space-evenly;margin-top:10px}@media only screen and (max-width:700px){.music-card-container{height:70vh;margin:20px 5px 5px;padding:0}::-webkit-scrollbar{display:none}}.music-card{padding:10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:99}.music-card .music-card-cover{display:flex;position:relative;z-index:99}.music-card .music-card-cover img{border-radius:20px;height:200px;width:200px}.music-card .music-card-cover .play-circle{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;visibility:hidden;width:100%}.music-card .music-card-cover .play-circle .MuiSvgIcon-root{font-size:4rem}.music-card .music-card-cover .hover-img{visibility:visible}.music-card .music-card-cover:hover{cursor:pointer}.music-card .music-card-cover:hover img{-webkit-filter:brightness(.34);filter:brightness(.34)}.music-card .music-card-cover:hover .play-circle{color:#fff;visibility:visible}@media only screen and (max-width:700px){.music-card{padding:5px}.music-card .music-card-cover img{height:150px;width:150px}}.Container{height:120vh;overflow:scroll;padding:30px;position:fixed;width:100%}.Container>div{height:100%}@media only screen and (max-width:700px){.Container{bottom:20px;height:75.5%;margin-bottom:50px;margin-left:0;padding:0 0 20px;position:fixed;top:50px;width:100%}}@media only screen and (min-width:700px){.Container{font-size:13px;height:85vh;left:180px;right:80px;top:11.7vh;width:90%}}.Profile{display:flex;flex-direction:column}.Profile .top-profile{align-items:center;background-color:#f1f1f1;border-bottom:1px solid #dcdcdc;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:20px;z-index:10}.Profile .top-profile .MuiAvatar-root{box-shadow:0 4px 15px rgba(0,0,0,.5)}.Profile .top-profile .profile-detail{background-color:#f1f1f1;border-radius:7px;display:flex;flex-direction:column;margin:10px;padding:10px;text-align:center}.Profile .top-profile .profile-detail h3{font-size:2rem;font-weight:600}.Profile .top-profile .profile-detail p{color:gray;font-size:1.1rem;font-weight:lighter}.Profile .bottom-profile{display:flex;flex:1 1;flex-direction:column;padding:10px}.Profile .bottom-profile h3{font-size:1.5rem;padding-left:10px;text-transform:uppercase}.Profile .bottom-profile .most-played{display:flex;flex-wrap:wrap;justify-content:flex-start}.profile-playlist{display:none}@media only screen and (max-width:700px){.Profile .top-profile{justify-content:center}.Profile .bottom-profile{text-align:center}.Profile .bottom-profile .most-played{justify-content:center}.profile-playlist{display:block}.Profile .top-profile .profile-detail h3{font-size:3rem}.Profile .bottom-profile{text-align:center}.Profile .bottom-profile .most-played{justify-content:center}}.Footer_Select_Music{bottom:0;height:5vh;position:fixed}.Footer_Select_Music,.Footer_Select_Music a{background-color:#595959;width:100%;z-index:99999}.Footer_Select_Music a{color:#000;display:block;font-family:Consolas,sans-serif;font-size:1.5rem;height:100%;letter-spacing:5px;line-height:5vh;text-align:center;text-transform:uppercase}@media only screen and (max-width:700px){.Footer_Select_Music{bottom:3vh;line-height:5vh}.Footer_Select_Music,.Footer_Select_Music a{background-color:#595959;position:fixed;z-index:99999}.Footer_Select_Music a{line-height:6vh;margin-top:-50px}}.CurrentPlayingLarge{background-color:transparent;display:flex;height:90vh;position:fixed;transition:opacity 1s ease;width:100%;z-index:99}.CurrentPlayingLarge .music-left{align-items:center;display:flex;flex-direction:column;flex-grow:2;justify-content:center;position:relative}.CurrentPlayingLarge .music-left .wrapper{display:flex;flex-direction:column;transition:opacity 1s ease}.CurrentPlayingLarge .music-left .music-cover{align-items:center;border-radius:30px;display:flex;height:90%;justify-content:center;margin:0 auto;max-width:400px;overflow:hidden;padding:5px;transition:opacity 2s ease;width:80%}.CurrentPlayingLarge .music-left .music-cover img{border-radius:40px;max-width:400px;scale:1.1;transition:opacity 1s ease;width:100%}.CurrentPlayingLarge .music-left .detail{background-color:rgba(0,0,0,.682);border-radius:20px;color:azure;margin-left:auto;margin-right:auto;margin-top:40px;max-width:400px;padding:2px;text-align:center;width:90%}.CurrentPlayingLarge .music-left .detail h3{font-size:20px;letter-spacing:2px}.CurrentPlayingLarge .music-left .detail p{color:#c3c3c3;font-size:20px}.banner{-webkit-filter:blur(15px);filter:blur(15px);height:100%;margin-bottom:10px;margin-left:-1%;object-fit:cover;object-position:center;position:absolute;scale:1.05;transition:opacity 1s ease;width:101%;z-index:-10}@media only screen and (max-width:700px){.CurrentPlayingLarge{height:90vh;margin-top:-4vh}.music-cover{position:relative;transition:opacity 1s ease}.detail{font-size:20px}}.Search{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:99999}.Search .Search-img img{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:240px}.Search .Search-img .Rotate-img{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}.Search .Search-img .Arrow{left:60%;top:15%;-webkit-transform:translateX(-60%) translateY(-50%) rotate(70deg);transform:translateX(-60%) translateY(-50%) rotate(70deg);width:100px}@-webkit-keyframes spin{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);transform:translateX(-50%) translateY(-50%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);transform:translateX(-50%) translateY(-50%) rotate(1turn)}}.Search h3{left:0;position:absolute;text-align:center;top:15%;-webkit-transform:translateY(-15%);transform:translateY(-15%);width:100%}.Search-result{display:flex;flex-wrap:wrap}.About{flex-direction:column}.About,.About .Dark-mode{background-color:#333;display:flex}.About .Dark-mode{align-items:center;color:#fff;justify-content:space-evenly;padding:15px}.About .Dark-mode h5{font-size:1.1rem}.About .Dark-mode button{color:#fff}.Developer{background-color:#fff;margin-bottom:40px}.Developer .Developer-head{background-color:hsla(0,0%,100%,0);color:#000;flex-wrap:wrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.9rem;font-weight:900;justify-content:space-between;margin-left:5%;margin-top:40px;padding:10px;text-align:center;text-transform:uppercase}.Developer .Developer-head,.Developer .Developer-head span{align-items:center;display:flex}@media only screen and (max-width:700px){.Developer .Developer-head{padding:5px}.Developer .Developer-profile{padding:10px}.Developer .Developer-profileDetails{font-size:10px;margin:0;padding:0}.Developer .Developer-profileDetails p{margin-left:0;margin-right:0}}.Developer .Developer-profile{background-color:#e8e8e8;border-radius:20px;display:flex;flex-flow:row wrap;font-weight:500;height:90%;margin-top:40px;padding:40px}.Developer .Developer-profile .Developer-profileCard{flex:1 1 200px;padding:5px;text-align:center}.Developer .Developer-profile .Developer-profileCard .Card-details{align-items:center;background-color:#474747;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:10px}.Developer .Developer-profile .Developer-profileCard .Card-details h3,.Developer .Developer-profile .Developer-profileCard .Card-details p{padding:5px;text-transform:uppercase}.Developer .Developer-profile .Developer-profileCard .Card-details h3{color:#fff;font-size:1.7rem}.Developer .Developer-profile .Developer-profileCard .Card-details p{color:#fff;font-family:Poppins,sans-serif}.Developer .Developer-profile .Developer-profileDetails{background-color:#dadada;border-radius:20px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;margin:5px 5px 40px}.Developer .Developer-profile .Developer-profileDetails p{color:#000;font-family:Poppins,sans-serif;font-size:larger;font-weight:900;letter-spacing:1px;margin-left:10px;margin-right:10px;padding:10px;text-transform:uppercase}.Developer .Developer-profile .Developer-profileDetails .Card-btn{background-color:rgba(0,0,0,.75);border-radius:20px;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:20px 10px;padding:10px}.Developer .Developer-profile .Developer-profileDetails .Card-btn a{color:#fff;padding:15px;text-transform:lowercase}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:hover{background-color:#fff;color:#000}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:first-child,.Developer .Developer-profile .Developer-profileDetails .Card-btn a:nth-child(2),.Developer .Developer-profile .Developer-profileDetails .Card-btn a:nth-child(3),.Developer .Developer-profile .Developer-profileDetails .Card-btn a:nth-child(4){background:#575757}.Playlist h3{background-color:#333;color:#fff;padding:10px;text-transform:uppercase}.Playlist .Playlist-container{display:flex;flex-wrap:wrap;justify-content:space-evenly}@media only screen and (max-width:700px){.Playlist{margin-top:10px;z-index:-99}}body{margin:0}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-thumb,body::-webkit-scrollbar-track{background-color:#6d6d6d}#main{background:#1e1717;background:linear-gradient(110deg,#434343 50%,#6d6d6d 0);display:flex;flex-flow:column wrap;font-family:Consolas,sans-serif;height:100vh;text-align:center}.nav-item{display:flex;font-size:1.3rem;height:10vh;margin-left:2vh}.navbar-brand{color:#fff;font-family:Pacifico,cursive;font-size:3rem}.main-row{flex-flow:column wrap;height:90vh}.main-row,.main-row-img{align-items:center;display:flex;justify-content:center}.main-row-img{flex-basis:100%;flex-grow:1;margin-bottom:20px;margin-top:-10px}.head-phone-img{max-width:80%;padding:20px}.main-row-text{align-items:center;display:flex;flex-basis:100%;flex-flow:column wrap;flex-grow:1;justify-content:center}@media only screen and (max-width:700px){.main{margin-bottom:-20px;position:fixed;top:0}.main-row{align-items:center;height:60%;justify-content:center;padding:20px;width:38%}.main-row-img{align-items:center;flex-basis:70%;margin-left:30%;margin-top:-50%;scale:1.5;width:250%}.main-row-text{display:flex;justify-content:center;margin-left:65%;margin-top:130%;position:absolute;width:95%}}h1{color:#fff;font-family:Monomaniac One,sans-serif,cursive;font-size:3rem;text-align:center}p{color:#000;font-family:Geologica,sans-serif;font-size:1.2rem;margin-top:20px}.btn{background-color:#000;border:none;border-radius:5px;color:#fff;font-family:Consolas,sans-serif;font-size:1.4rem;letter-spacing:2px;margin-right:20px;margin-top:40px;padding:15px 20px;text-transform:uppercase;transition:all .2s ease-in-out}.btn:hover{background-color:#fff;color:#000;cursor:pointer}*{box-sizing:border-box}body{font-family:Montserrat,sans-serif;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{text-decoration:none}button{text-transform:capitalize!important}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:hsla(0,0%,98%,0)}::-webkit-scrollbar-thumb{background:hsla(0,0%,43%,0)}::-webkit-scrollbar-thumb:hover{background:rgba(162,213,242,0)}
/*# sourceMappingURL=main.8fb9bc69.css.map*/