@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{background-color:#1d2123;color:#fff;font-family:Quicksand,sans-serif;padding-bottom:6em}.main_page{position:relative}.close_submenu,.hidden{display:none}.container{display:grid;grid-template-columns:auto;grid-template-rows:auto;margin:0 auto;overflow-x:hidden;width:100%}.menu_bar{display:none;width:1.5em}.nav__section{grid-row-gap:1.5em;display:grid;grid-column:1/2;grid-row:auto;grid-template-columns:2.5em;grid-template-rows:15em 7em;height:100vh;justify-content:center;margin:4em 0 0 1em;position:fixed;row-gap:1.5em}.icon-music1{left:1em;position:fixed;top:1em}.sub_menu{display:none}.icon-home,.icon-logout,.icon-preview,.icon-radio,.icon-video{fill:#efeee0;opacity:.25}.yellow__active{fill:#facd66;color:#facd66;opacity:1}.icon-logout{fill:#ff0}.icon__1{grid-row-gap:1.2em;align-items:center;background-color:#1a1e1f;border-radius:1.5em;display:grid;grid-template-columns:2.5em;grid-template-rows:repeat(4,2em);justify-items:center;margin-top:.5em;padding-top:1.2em;row-gap:1.2em}.icon__1 img{cursor:pointer}.icon__2{grid-row-gap:1.2em;align-items:center;background-color:#1a1e1f;border-radius:1.5em;display:grid;grid-template-columns:2.5em;grid-template-rows:repeat(2,2em);justify-items:center;padding-top:1em;row-gap:1.2em}.icon__2 img{cursor:pointer}.display__section{grid-row-gap:1em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin-left:7em;overflow-x:visible;overflow-x:initial;padding:0 3em 0 .4em;row-gap:1em;transition:all 2s ease 2s}.search{grid-column:auto;grid-row:1/2;position:relative;width:70%}.input{background-color:#1d2123;border:none;color:#fff;height:4em;inset:0 0 0 7em;outline:0;padding-left:1em;position:fixed;width:70%;z-index:4}.close_icon{cursor:pointer;font-size:1.5rem;margin-top:.5em;position:absolute;right:0;z-index:4}.input::-webkit-input-placeholder{color:hsla(0,0%,100%,.25)}.input::placeholder{color:hsla(0,0%,100%,.25)}.display__section_1{grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;grid-template-columns:50vw 37vw;margin-top:3.5em}.display__section_1,.left__section{display:grid;grid-template-rows:auto}.left__section{background-color:#609eaf;border-radius:2.5em;grid-template-columns:1fr 1fr}.text__content{-webkit-animation:movement1 1s ease-in-out 1;animation:movement1 1s ease-in-out 1;display:flex;flex-direction:column;padding-left:3em;text-align:left}@-webkit-keyframes movement1{0%{-webkit-transform:translateY(-50rem);transform:translateY(-50rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes movement1{0%{-webkit-transform:translateY(-50rem);transform:translateY(-50rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.text__content small{margin:1.5em 0 4em}.mid__text{margin:auto 0;width:87%}.mid__text h2{font-size:2rem}.mid__text p{font-size:.9rem;line-height:1.5em}.image__man{-webkit-animation:movement2 1s ease-in-out 1;animation:movement2 1s ease-in-out 1}@-webkit-keyframes movement2{0%{-webkit-transform:translateY(50rem);transform:translateY(50rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes movement2{0%{-webkit-transform:translateY(50rem);transform:translateY(50rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.man__sing{width:20.6em}.lower__text{align-items:center;display:flex;margin-bottom:3em;margin-top:auto}.lower__text1{margin-right:.7em}.lower__text1 img+img{margin-left:-.6em}.lower__text2{margin-right:.6em}.top__song{grid-row-gap:1em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(3,1fr);row-gap:1em}.top__song1{background-color:#1a1e1f;border-radius:1.5em;grid-template-columns:auto 3em;padding:0 1.3em}.top__song1,.top__song1b{align-items:center;display:grid;grid-template-rows:6em}.top__song1b{grid-template-columns:6em auto}.top__song1 img{height:90%}.top__chart{font-size:1.5rem;padding:.5em 0 .5em 1em}.top-song__text{font-weight:400;padding-left:.5em}.top-song__text h4{font-size:.95rem;padding-bottom:.2em}.top-song__text p{color:hsla(0,0%,100%,.5);font-size:.85rem}.top-song__text small{font-size:.75rem}.icon__love{border:1px solid hsla(0,0%,100%,.11);border-radius:50%;height:2.5em;padding:.4em;width:2.5em}.icon__love:hover{fill:#facd66}.releases{grid-column:auto;grid-row:3/4;overflow-x:scroll}::-webkit-scrollbar{background:transparent;width:0}.new__song{-webkit-column-gap:1.2em;column-gap:1.2em;display:flex;grid-template-columns:repeat(8,1fr);grid-template-rows:12em;overflow-x:scroll}.new__song1 img{border-radius:1.5em;width:12em}.releases h4{font-size:1.5rem;margin-bottom:.7em}.song__title{font-size:.9rem;padding:.3em 0}.singer{font-size:.65rem}.blind__img{border-radius:1.5em}.popular{grid-column:auto;grid-row:4/5;overflow-x:scroll}.popular__song{-webkit-column-gap:1.2em;column-gap:1.2em;display:flex;grid-template-columns:repeat(8,1fr);grid-template-rows:15em;overflow-x:scroll}.popular__song1 img{border-radius:1.5em;width:12em}.popular h4{font-size:1.5rem;margin-bottom:.7em}.tomorrow-tunes__section{grid-row-gap:3em;display:grid;grid-template-columns:auto;grid-template-rows:auto 2fr;margin-left:7em;padding:0 3em 0 0;row-gap:3em}.tomorrow-tunes__text{grid-column-gap:.6em;-webkit-column-gap:.6em;column-gap:.6em;display:grid;grid-template-columns:16em auto;grid-template-rows:15.5em auto;margin-top:3.5em}.tomorrow__text-click{cursor:pointer}.shoe_and_radio{border-radius:1.5em;width:15em}.tunes__text{align-items:end;display:grid;font-size:.8rem}.tunes__text h3{color:#a4c7c6;font-size:1.9rem;margin-top:1.5em}.tunes__text p{color:#efeee0;width:60%}.active__btn{display:flex}.active__btn button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.07);border:none;border-radius:1.5em;color:#fff;cursor:pointer;display:flex;margin-right:1em;padding:.7em 1.2em}.music-icon,.play-icon{padding-right:1em}.btn__like img{padding:0}.playlist__music-tab{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.07);border-radius:1em;display:grid;font-size:.9rem;grid-template-columns:8em 20em 20em 20em 4em;grid-template-rows:4.5em;justify-content:space-between;margin-bottom:1em}.playlist__img{width:2.5em}.playlist__1{display:flex;padding-left:1em}.playlist__like{display:flex;margin-left:.8em}.playlist__5 img{cursor:pointer}.collections__section{display:flex;flex-wrap:wrap;margin-left:5em}.collections__section-text{grid-row-gap:1em;align-items:center;display:grid;grid-template-columns:auto;grid-template-rows:4em auto;margin-top:3.5em;row-gap:1em}.collection__top-text span{border-radius:1.7em;cursor:pointer;font-size:1.3rem;font-weight:600;margin-right:.5em;padding:.4em 1.3em}.my__collection{background-color:#facd66;color:#000}.my__likes{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.07)}.collections__tab{display:flex;flex-wrap:wrap;gap:1em;grid-template-columns:repeat(6,auto);grid-template-rows:19em}.all__album{display:flex}.collection__main{border-radius:20px;height:13em;overflow:hidden;position:relative;width:13em}.collection__main:hover .collection__text{-webkit-transform:translateY(-2rem);transform:translateY(-2rem);transition-delay:0s;transition-duration:.7s;transition-property:all;transition-timing-function:ease}.collection-pic{transition:1s}.collection-pic,.collection-pic:hover{border-radius:20px;height:13em;width:13em}.collection-pic:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.7s}.collection__text{background-color:initial;display:flex;-webkit-transform:translateY(0);transform:translateY(0);transition:.7s}.text{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:1em;width:45%}.text h2{font-size:.9rem;font-weight:300;margin-top:-2.9em}.text p{font-size:.5rem}.text h4{font-size:.6em;margin-top:1em}.love-icon{cursor:pointer;height:30px;opacity:0;-webkit-transform:translateY(-2.5rem) translateX(3.5rem);transform:translateY(-2.5rem) translateX(3.5rem);transition:.7s;width:2em}.collection__main:hover .love-icon{opacity:1;transition-delay:0s;transition-duration:.7s;transition-property:all;transition-timing-function:ease}.play__section{grid-column-gap:2em;align-items:center;backdrop-filter:blur(.844rem);-webkit-backdrop-filter:blur(.844rem);background:rgba(29,33,35,.35);bottom:0;box-shadow:0 .5rem 2rem 0 rgba(22,22,23,.37);-webkit-column-gap:2em;column-gap:2em;display:grid;grid-template-columns:12em auto 10em;grid-template-rows:7em;left:0;padding:0 3em 0 7em;position:fixed;width:100%;z-index:40}.play__section-img{align-items:center;display:grid;font-size:1rem;grid-template-columns:4.5em 1fr;grid-template-rows:auto;justify-items:center}.play__section-img p{font-size:.7rem}.play__section-img img{border-radius:1em;display:flex;width:4em}.play_btn{box-shadow:0 0 18px hsla(0,0%,100%,.3)}.play__section-active{grid-row-gap:1em;display:grid;grid-template-columns:auto;grid-template-rows:auto .2em;justify-items:center;row-gap:1em}.controls{cursor:pointer}.play__section-progress{-webkit-appearance:none;background:linear-gradient(90deg,#facd66 0,hsla(0,0%,100%,.04) 1%,hsla(0,0%,100%,.04) 40%,hsla(0,0%,100%,.04));border-radius:3em;cursor:pointer;height:.3em;outline:none;padding:0;transition:background .45s linear;width:45em}.play__section-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#facd66;border-radius:50%;box-shadow:0 0 .125rem 0 #555;cursor:pointer;height:.7rem;outline:.1em solid #facd66;outline-offset:.125rem;-webkit-transition:background .3s linear;transition:background .3s linear;width:.7rem}.play__section-progress:hover{opacity:1}.volume__progress{background:linear-gradient(90deg,#facd66 0,hsla(0,0%,100%,.04) 1%,hsla(0,0%,100%,.04) 40%,hsla(0,0%,100%,.04));cursor:pointer;height:.3em;outline:none;transition:background .45s ease-in}.volume_progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:initial;border-radius:50%;height:.7rem;outline:none;width:.7rem}.play__section-active1{align-items:center;display:flex;justify-content:space-between;width:50%}.play__section-volume{align-items:center;display:grid;grid-template-columns:2em auto;grid-template-rows:auto}.play__section-volume div{background-color:hsla(0,0%,100%,.07);height:.2em}.search__result{background-color:#1d2123;grid-template-columns:60vw;left:7em;max-height:20em;overflow-y:scroll;padding:.5em;position:absolute;text-align:center;top:3em}.search__result,.search__result1{display:grid;grid-template-rows:auto}.search__result1{border:2px solid #1e1e1e;grid-template-columns:5em 1fr 1fr}.search_link{color:#a4c7c6;text-decoration:none}.search_img{width:3.5em}.construct{align-items:center;display:grid;grid-template-columns:auto;grid-template-rows:auto;height:100vh;justify-items:center;padding:0 .5em;text-align:center}.construct__text{animation:constructing 7s linear infinite alternate-reverse;color:#609eaf;font-size:4.5rem}@-webkit-keyframes constructing{0%{-webkit-transform:translateY(-25vh);transform:translateY(-25vh)}to{-webkit-transform:translateY(25vh);transform:translateY(25vh)}}@keyframes constructing{0%{-webkit-transform:translateY(-25vh);transform:translateY(-25vh)}to{-webkit-transform:translateY(25vh);transform:translateY(25vh)}}@media screen and (max-width:768px){.nav__section{display:none}.menu_bar{cursor:pointer;display:block;padding:.7em 0 0 1em;width:2.5em}.input{inset:0 0 0 30%;width:65%;z-index:4}.search__result{left:30%}.search{width:95%}.close_icon{margin-top:-1em;position:absolute;right:.5em;z-index:4}.icon-music1{left:4em;top:.5em}.sub_menu{display:grid;height:100vh;top:0}.close_submenu,.sub_menu{position:absolute;z-index:150}.close_submenu{color:#efeee0;cursor:pointer;display:block;font-size:1.5em;right:15%;top:1em}.icon__1_submenu{grid-row-gap:1.5em;background-color:#1a1e1f;display:grid;grid-template-columns:100vw;grid-template-rows:repeat(6,2em);justify-items:left;margin-top:0;padding-left:2.5em;padding-top:3em;row-gap:1.5em}.menu_desc{align-items:center;display:flex}.desc_none{opacity:.25}.icon-home,.icon-logout,.icon-preview,.icon-radio,.icon-video{align-items:center;display:flex}.icon__1_submenu span{color:#efeee0;margin-left:1em}.display__section{margin-left:1em;padding:0 3em 0 .4em;row-gap:1em}.display__section_1{grid-column-gap:0;-webkit-column-gap:0;column-gap:0;display:grid;grid-template-columns:95vw;grid-template-rows:60vh 40vh}.left__section{grid-template-columns:auto;height:60vh;width:95%}.text__content{-webkit-animation:movement1 1s ease-in-out 1;animation:movement1 1s ease-in-out 1;display:flex;flex-direction:column;padding-left:3em;text-align:left}.image__man{-webkit-animation:movement2 1s ease-in-out 1;animation:movement2 1s ease-in-out 1;display:none}.top__song{grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(3,80vw);grid-template-rows:auto;overflow-x:scroll}.top__song1{align-items:flex-start;background-color:#1a1e1f;border-radius:1.5em;display:grid;grid-template-columns:2fr .5fr;grid-template-rows:35vh;padding:0 1.3em}.top__song1b{align-items:center;display:grid;grid-template-columns:auto;grid-template-rows:6em 15vh}.top__song1 img{height:90%}.top-song__text{font-weight:400;margin-top:auto;padding-left:.5em}.top-song__text h4{font-size:.85rem}.top-song__text p{font-size:.75rem}.top-song__text small{font-size:.7rem}.icon__love{border-radius:50%;display:flex;margin:.5em 0 0 auto;padding:.4em}.icon__love:hover{fill:#facd66}.releases{margin-top:1em}.tomorrow-tunes__section{grid-row-gap:3em;display:grid;grid-template-columns:95vw;grid-template-rows:auto 2fr;margin-left:1em;padding:0 3em 0 0;row-gap:3em}.tomorrow-tunes__text{grid-template-columns:auto;grid-template-rows:auto;margin-top:3.5em}.shoe_and_radio{height:50vh;width:97%}.tunes__text{align-items:left;display:grid;font-size:.8rem}.tunes__text h3{color:#a4c7c6;font-size:1.6rem;margin:1em 0 .5em}.tunes__text p{color:#efeee0;margin:1em 0;width:100%}.active__btn{display:flex;margin-top:1em}.active__btn button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.07);border:none;border-radius:1.5em;color:#fff;cursor:pointer;display:flex;margin-right:1em;padding:.7em 1.2em}.music-icon,.play-icon{padding-right:1em}.btn__like img{padding:0}.playlist__music-tab{align-items:center;display:grid;grid-template-columns:5em 20em 4em;grid-template-rows:1fr auto;height:5em;justify-content:space-between;width:95vw}.playlist__img{border-radius:.5em;width:4em}.playlist__1{grid-column:1/2;grid-row:1/3}.playlist__2{grid-column:2/3;grid-row:1/2}.playlist__3{font-size:.8rem;grid-column:2/3;grid-row:2/3}.playlist__4{grid-column:3/4;grid-row:2/3}.playlist__like{display:none}.playlist__5 img{cursor:pointer;grid-column:3/4;grid-row:1/2}.collections__section{display:flex;flex-wrap:wrap;margin-left:1em}.collections__section-text{display:grid;grid-template-columns:auto;grid-template-rows:4em auto}.collection__top-text span{margin:1em;padding:.4em 2em}.collections__tab{display:flex;flex-direction:column;flex-wrap:nowrap;grid-template-columns:repeat(6,auto);grid-template-rows:19em;row-gap:2em}.collection__main{border-radius:20px;height:40vh;overflow:hidden;position:relative;width:90vw}.collection__main:hover .collection__text{-webkit-transform:translateY(-2rem);transform:translateY(-2rem);transition-delay:0s;transition-duration:.7s;transition-property:all;transition-timing-function:ease}.collection-pic{transition:1s}.collection-pic,.collection-pic:hover{border-radius:20px;height:40vh;width:90vw}.collection-pic:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.7s}.love-icon{height:30px;opacity:0;-webkit-transform:translateY(-2.5rem) translateX(7.5rem);transform:translateY(-2.5rem) translateX(7.5rem);transition:.7s;width:2em}.play__section{grid-column-gap:0;align-items:center;-webkit-column-gap:0;column-gap:0;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:18vh;padding:0 1.5em 0 1em}.res{display:none}.play__section-img{display:grid;grid-template-columns:5em auto;grid-template-rows:18vh;justify-items:left}.play__section-active{grid-template-rows:auto;justify-items:right}.collection__top-text span{font-weight:600;margin-right:.3em;padding:.4em 1em}.construct__text{animation:constructing 7s linear infinite alternate-reverse;color:#609eaf;font-size:3rem}}@media screen and (max-width:400px){.playlist__img{border-radius:.5em;width:3em}.playlist__2{font-size:.7rem}.playlist__music-tab{grid-template-columns:5em 1fr 4em}.active__btn button{padding:.6em 1em}.music-icon,.play-icon{padding-right:.5em}.icon-music1{left:2.7em}}
/*# sourceMappingURL=main.e63404fd.css.map*/