@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Poppins,tahoma,sans-serif;margin:0;padding:0;scroll-behavior:smooth}html{scrollbar-color:grey rgba(0,0,0,.3);scrollbar-width:thin}html::-webkit-scrollbar{width:7px}html::-webkit-scrollbar-track{background-color:rgba(0,0,0,.3)}html::-webkit-scrollbar-thumb{background-color:grey;border-radius:100px}body{background-color:#000;overflow-x:hidden}#Home{background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,0)),url(/HeartSky/static/media/bg1.1be31f45a131f0832172.png);background-position:top;background-repeat:no-repeat;background-size:cover;min-height:100vh;width:100%}#Home header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;min-height:15vh;width:92%}#Home header img{cursor:pointer;height:14vh}#Home nav{display:flex;justify-content:space-evenly;transition:left .5s;width:45%}#Home nav span{color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-weight:300;padding:5px;transition:color .5s}#Home nav span:hover{color:#fff}.Menu{align-items:center;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:space-evenly;width:40px;z-index:10}.Menu span{background-color:#fff;border-radius:5px;padding:2.5px 0;transition:background-color .5s;width:100%}.btn-parent{align-items:center;display:flex;justify-content:space-between;width:225px}.btn{border:none;border-radius:7px;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;padding:10px 22px}.login{background-color:initial;border:2px solid #000;color:#000;transition:background-color .5s}.login:hover{background-color:#91979733;color:#fff}.GetStarted{background-color:#000;color:#fff;text-decoration:none;transition:background-color .5s}.GetStarted:hover{background-color:rgba(0,0,0,.6)}.Home-body-parent{align-items:center;display:flex;margin:0 auto;min-height:85vh;width:92%}.Home-body{margin-left:30px;min-height:60vh;width:600px}.Home-body h1{font-size:80px;font-weight:600}.Home-body h1,.Home-body p{font-family:Poppins,sans-serif}.Home-body p{color:#fff;font-size:16px;font-weight:300}.Home-body .btn-parent{margin-top:15px;width:230px}.Home-body .btn-parent span{color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:300}.Spon{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-evenly;min-height:30vh;width:100%}.Spon>img{height:80px;margin:5vh 10px}#Browse{display:flex;min-height:100vh;width:100%}.leftSide{background-color:#fff;display:flex;justify-content:center;width:16%}.middleSide{background-color:rgba(173,216,230,.294);position:relative;width:66%}.rightSide{background-color:rgba(173,216,230,.294);border-left:1px solid #f5f5f5;padding:15px;width:18%}.leftSide nav,.rightSide{display:flex;flex-direction:column}.leftSide nav{color:#000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:20px;width:80%}.leftSide nav div{align-items:center;cursor:pointer;display:flex;font-size:18px;margin:18px 0 18px 10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.leftSide nav div:hover{color:#add8e6}.leftSide nav a{color:inherit;margin-left:15px;text-decoration:none}.leftSide hr{margin:10px 0;width:76%}#library{color:#fff;margin-top:20px;padding:25px}#library>div{justify-content:space-evenly;min-height:20vh}#library span,#library>div{align-items:center;display:flex}#library span{background-color:#3635db;border:1px solid #fff;border-radius:5px;cursor:pointer;height:10vh;justify-content:center;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:40%}#library span:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}#settings{color:#fff;margin-top:20px;padding:25px}#settings>div{align-items:center;display:flex;justify-content:space-evenly;min-height:14vh}#settings .language,#settings .screenMode{background-color:#3635db;border:2px solid #fff;border-radius:5px;display:flex;font-size:18px;justify-content:space-evenly;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#settings label,#settings select{margin:0 5px}#settings select{background-color:#25242a;border:none;border-radius:5px;color:#fff;cursor:pointer;text-align:center;width:120px}#settings .saveP{display:flex;justify-content:end}#settings .save{background-color:#3635db;border:1px solid #fff;border-radius:12px;cursor:pointer;font-size:17px;padding:7px 35px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}#settings .save:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.middleSide header{align-items:center;display:flex;height:10vh;justify-content:space-evenly;width:100%}.middleSide header img{cursor:pointer;height:80%}.middleSide header .inputP{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:70%}.inputP>i{align-items:center;background-color:#eee;border-bottom-left-radius:50px;border-top-left-radius:50px;color:#000;display:flex;font-size:20px;justify-content:center;width:8%}.inputP>input{background-color:#eee;border:none;border-bottom-right-radius:50px;border-top-right-radius:50px;font-family:Roboto Mono,tahoma,sans-serif;font-weight:500;height:50px;outline-width:0;text-transform:capitalize;width:92%}.middleSide header input:focus{outline:none}.slideP{border-radius:20px;height:30vh;margin:10px auto 0;overflow-x:hidden;width:90%}.slides{-webkit-animation:slide 30s infinite;animation:slide 30s infinite;display:flex;width:400%}.slides>div{background-repeat:no-repeat;background-size:cover;cursor:pointer;height:30vh;width:100%}@-webkit-keyframes slide{0%{margin-left:0}18.3%{margin-left:0}25%{margin-left:-100%}43.3%{margin-left:-100%}50%{margin-left:-200%}68.3%{margin-left:-200%}75%{margin-left:-300%}93.3%{margin-left:-300%}to{margin-left:0}}@keyframes slide{0%{margin-left:0}18.3%{margin-left:0}25%{margin-left:-100%}43.3%{margin-left:-100%}50%{margin-left:-200%}68.3%{margin-left:-200%}75%{margin-left:-300%}93.3%{margin-left:-300%}to{margin-left:0}}.slide1{background-image:url(/HeartSky/static/media/bg2.d6e719bcbcf377e9ff9d.jpg);background-position-y:20%}.slide2{background-image:url(/HeartSky/static/media/bg3.86ed8218084d304c973d.jpg);background-position-x:center;background-position-y:top}.slide3{background-image:url(/HeartSky/static/media/bg4.3466b4ee9691a7e2de4e.jpg);background-position-x:center;background-position-y:20%}.slide4{background-image:url(/HeartSky/static/media/bg5.8a7c22e7acc74907e33a.jpg);background-position-x:center;background-position-y:5%}.middleSide table{border-collapse:collapse;color:#fff;margin-top:10px;width:100%}.cadrLabels{display:table;font-weight:600;width:99.2%}.cadrLabels td:first-child{padding-left:2.5%}.cadrLabels td:first-child,.middleSide .cadr td:first-child{width:15%}.cadrLabels td:nth-child(2),.middleSide .cadr td:nth-child(2){width:38%}.cadrLabels td:nth-child(3),.middleSide .cadr td:nth-child(3){width:20%}.cadrLabels td:nth-child(4),.middleSide .cadr td:nth-child(4){width:14%}.cadrLabels td:nth-child(5),.middleSide .cadr td:nth-child(5){width:13%}.middleSide table .cadrP{display:block;height:42vh;overflow-y:auto;scrollbar-color:#add8e6 rgba(0,0,0,.3);scrollbar-width:thin;width:100%}.middleSide table .cadr{align-items:center;cursor:pointer;display:flex;transition:background-color .15s,color .15s}.middleSide table .cadr:hover{background-color:#add8e6;color:#000}.middleSide table .cadr td:first-child{align-items:center;display:flex;height:8vh;justify-content:space-evenly}.middleSide table .cadr td:first-child img{height:80%}.middleSide .clk{background-color:#add8e6;color:#000}.middleSide table .cadrP::-webkit-scrollbar{width:7px}.middleSide table .cadrP::-webkit-scrollbar-track{background-color:rgba(0,0,0,.3);border-radius:100px}.middleSide table .cadrP::-webkit-scrollbar-thumb{background-color:#add8e6;border-radius:100px}.musicPlayer{background-color:#000;border-left:1px solid rgba(0,0,0,.3);bottom:0;color:#fff;display:flex;height:12vh;justify-content:space-around;position:absolute;width:100%}.musicPlayer .cadrP{align-items:center;display:flex;height:12vh;width:200px}.musicPlayer .cadr{align-items:center;background-color:#add8e6;border-radius:3px;color:#000;cursor:pointer;display:none;height:10vh;padding:2px;width:100%}.musicPlayer .cadr img{height:90%}.musicPlayer .cadr div{margin-left:10px}.musicPlayer .cadr .title{font-size:15px;font-weight:500}.musicPlayer .cadr .art{font-size:14px;transition:color .3s}.musicPlayer .cadr .art,.musicPlayer .cadr .art:hover{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.musicPlayer .cadr .art:hover{color:#fff;text-decoration:underline}.controlP{flex-direction:column;padding-top:10px;width:550px}.control1,.controlP{align-items:center;display:flex;justify-content:space-evenly}.control1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:250px}.musicPlayer i{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:30px;height:30px;justify-content:center;width:20%}.musicPlayer i:not(i:nth-child(3)){font-size:22px}i.shuffle-1{color:#0cf;position:relative}i.shuffle-1 span{background-color:#0cf;border-radius:20px;height:16%;left:28%;position:absolute;top:42%;width:9%}i.repeat-1{color:#0cf;position:relative}i.repeat-1 span{background-color:#0cf;border-radius:20px;height:16%;left:45%;position:absolute;top:42%;width:9%}.control2{align-items:center;display:flex;height:40%;justify-content:space-evenly;width:100%}.control2>span{color:#fff;font-weight:500;text-align:center;width:10%}.control2 input{-webkit-appearance:none;appearance:none;border-radius:25px;cursor:grab;height:6px;outline:none;overflow:hidden;width:75%}.control2 input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#add8e6;border-radius:50%;box-shadow:-250px 0 0 250px #0cf;height:0;width:0}.control2 input::-moz-range-thumb{-webkit-appearance:none;appearance:none;border:none;box-shadow:-250px 0 0 250px #0cf;height:0;outline:none;width:0}.volumeP{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-evenly;margin-top:20px;width:180px}.volumeP input{-webkit-appearance:none;appearance:none;border-radius:25px;cursor:grab;height:6px;outline:none;overflow:hidden;width:70%}.volumeP input:hover{height:6.5px}.volumeP input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#add8e6;border-radius:50%;box-shadow:-100px 0 0 100px #0cf;height:0;width:0}.volumeP input::-moz-range-thumb{-webkit-appearance:none;appearance:none;border:none;box-shadow:-100px 0 0 100px #0cf;height:0;outline:none;width:0}.rightSide>span{color:#fff;font-size:18px;font-weight:500;margin-top:20px}.rightSide .cadrP{height:48vh;overflow-y:auto;scrollbar-color:#add8e6 rgba(0,0,0,.3);scrollbar-width:thin}.rightSide .cadrP::-webkit-scrollbar{width:7px}.rightSide .cadrP::-webkit-scrollbar-track{background-color:rgba(0,0,0,.3);border-radius:100px}.rightSide .cadrP::-webkit-scrollbar-thumb{background-color:#add8e6;border-radius:100px}.rightSide .cadr{align-items:center;color:#fff;cursor:pointer;display:flex;height:8vh;margin:5px 0;padding:2px;transition:background-color .2s,color .2s}.rightSide .cadr:hover{background-color:#add8e6;color:#000}.rightSide .cadr img{height:90%}.rightSide .cadr div{margin-left:10px}.rightSide .cadr .title{font-size:15px;font-weight:500;line-height:1.2}.rightSide .cadr .art{font-size:14px;transition:color .3s}.rightSide .cadr .art,.rightSide .cadr .art:hover{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rightSide .cadr .art:hover{color:#fff;text-decoration:underline}.rightSide .clk{background-color:#add8e6;color:#000}.rightSide .musicPlayed{color:#fff;display:flex;flex-direction:column;height:270px;justify-content:space-evenly;margin:20px auto 0;width:90%}.rightSide .musicPlayed img{border-radius:10px;cursor:pointer;width:100%}.rightSide .musicPlayed .title{color:#add8e6;font-size:17px;font-weight:500}.rightSide .musicPlayed .art,.rightSide .musicPlayed .title{margin-left:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rightSide .musicPlayed .art{cursor:pointer}.rightSide .musicPlayed .art:hover{text-decoration:underline}@media screen and (max-width:1150px){.musicPlayer .cadr{display:flex}.rightSide .musicPlayed{display:none}}@media screen and (max-width:810px){#Home{background-position:70%}#Home header{min-height:12vh;width:95%}#Home header img{height:12vh;left:2px;position:absolute}.Menu{display:flex;margin-left:160px}#Home nav{align-items:center;background-color:hsla(0,0%,100%,.95);flex-direction:column;height:100vh;justify-content:flex-start;left:-230px;padding-top:30px;position:absolute;top:0;width:230px}#Home nav span{margin:15px 0}#Home nav span:hover{color:#919797}#Home header .btn-parent{width:190px}#Home header .btn{font-size:11px;font-weight:500}.open #Home .Menu{height:30px;position:relative}.open #Home .Menu span{background-color:#000;height:5px;position:absolute}.open #Home .Menu span:first-child{top:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open #Home .Menu span:nth-child(2){opacity:0}.open #Home .Menu span:nth-child(3){bottom:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.open #Home nav{left:0}.Home-body-parent{width:95%}.Home-body{background-color:#919797a9;margin:0 auto;padding:20px}.Home-body h1{font-weight:500}.Home-body .btn-parent{margin:15px auto 0}}@media screen and (max-width:470px){#Home{background-position:80%}#Home header{width:98%}#Home header img{height:10vh;left:0}.Menu{height:32px;margin-left:160px;width:32px}#Home nav{left:-200px;width:200px}#Home header .btn-parent{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#Home header .login{font-weight:500}#Home header .GetStarted{display:none}.Home-body{display:flex;flex-direction:column;justify-content:space-evenly;min-height:80vh}.Home-body h1{font-size:17.5vw}}
/*# sourceMappingURL=main.29ee74c5.css.map*/