@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes spinning{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}*{padding:0;margin:0;box-sizing:border-box;outline:none;scroll-behavior:smooth}::selection{background-color:transparent}body{font-family:"Poppins",sans-serif;font-size:1.6rem;background-position:50%;background-size:cover;background-repeat:no-repeat;text-shadow:0 0 15px hsla(0,0%,77.3%,.23137254901960785)}:root{font-size:10px}.app__wrapper{display:grid;height:100vh;grid-template-columns:1fr;grid-template-rows:auto minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:clamp(1rem,5vw,3rem);gap:clamp(1rem,5vw,3rem);transition:background .3s,color .3s,-webkit-backdrop-filter .1s;transition:background .3s,color .3s,backdrop-filter .1s;transition:background .3s,color .3s,backdrop-filter .1s,-webkit-backdrop-filter .1s;transition-timing-function:cubic-bezier(.45,.01,.69,1)}.app__wrapper .nav__header{grid-row:1/2}.app__wrapper .artwork{grid-row:2/3}.app__wrapper .song-info{grid-row:3/4}.app__wrapper .player{grid-row:4/5}.app__wrapper .artwork,.app__wrapper .player,.app__wrapper .song-info{place-self:center}.dark-mode{background:linear-gradient(135deg,rgba(49,49,49,.796078),rgba(0,0,0,.796078));color:#fafafa}.light-mode{background:linear-gradient(135deg,rgba(230,233,240,.772549),rgba(238,241,245,.772549));color:#353535}@media only screen and (min-width:900px){body{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:hsla(0,0%,46.7%,.466667) hsla(0,0%,46.7%,.270588)}body::-webkit-scrollbar{width:1rem}body::-webkit-scrollbar-track{background:hsla(0,0%,46.7%,.270588);border-radius:10rem}body::-webkit-scrollbar-thumb{background:hsla(0,0%,46.7%,.4666666666666667);border-radius:10rem}.app__wrapper{grid-template-columns:minmax(35rem,1fr) 3fr}.app__wrapper .nav__header{grid-column:1/3}.app__wrapper .library{grid-column:1/2;grid-row:2/5;-webkit-transform:translateX(0);transform:translateX(0)}.app__wrapper .artwork,.app__wrapper .player,.app__wrapper .song-info{grid-column:2/3}}.library{position:fixed;top:0;display:flex;width:100%;height:100%;flex-direction:column;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-timing-function:cubic-bezier(.45,0,.53,.97);-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem)}.library--hidden{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.library__wrapper{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:hsla(0,0%,46.7%,.466667) hsla(0,0%,46.7%,.270588)}.library__wrapper::-webkit-scrollbar{width:1rem}.library__wrapper::-webkit-scrollbar-track{background:hsla(0,0%,46.7%,.270588);border-radius:10rem}.library__wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,46.7%,.4666666666666667);border-radius:10rem}@media only screen and (min-width:900px){.library{position:relative;-webkit-backdrop-filter:unset;backdrop-filter:unset;height:100%}.library .nav__header,.library__menu__icon{display:none}.library__wrapper{flex:1 1}.disabled-on-desktop{color:hsla(0,0%,54.5%,.596)}}.about{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-timing-function:cubic-bezier(.45,0,.53,.97);overflow-y:scroll;scrollbar-width:thin;scrollbar-color:hsla(0,0%,46.7%,.466667) hsla(0,0%,46.7%,.270588)}.about::-webkit-scrollbar{width:1rem}.about::-webkit-scrollbar-track{background:hsla(0,0%,46.7%,.270588);border-radius:10rem}.about::-webkit-scrollbar-thumb{background:hsla(0,0%,46.7%,.4666666666666667);border-radius:10rem}.about__wrapper{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;grid-gap:4rem;gap:4rem;padding:2rem}.about--hidden{-webkit-transform:translatey(-100%);transform:translatey(-100%)}.menu__icon,.menu__title{font-size:2.2rem}.artwork{height:24rem;width:24rem;border:1rem solid #fafafa;border-radius:100%;overflow:hidden;transition:border .3s}.artwork img{height:100%;border-radius:100%}@media only screen and (min-width:900px){.artwork{height:30rem;width:30rem}}.song-info__artist{font-size:1.4rem;text-align:center;font-weight:400;transition:color .3s}@media only screen and (min-width:900px){.song-info__artist{font-size:1.75rem}}.song-info__title{font-size:2rem;text-align:center;font-weight:600}@media only screen and (min-width:900px){.song-info__title{font-size:3rem}}.player__duration{font-size:1.3rem;font-weight:300;color:#797979;width:4rem;text-align:center;margin-top:.1rem}.player__seek-bar{width:100%;-webkit-appearance:none;appearance:none;background-color:transparent;flex:1 1}.player__seek-bar--wrapper{background-color:hsla(0,0%,46.7%,.270588);height:1rem;border-radius:50rem;position:relative;flex:1 1}.player__seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;z-index:10;height:2rem;width:2rem;background-color:#fafafa;box-shadow:0 0 12px 0 rgba(0,0,0,.239216);border-radius:100%;-webkit-transform:translateY(-25%);transform:translateY(-25%)}.player__seek-bar::-moz-range-thumb{appearance:none;z-index:10;height:2rem;width:2rem;background-color:#fafafa;box-shadow:0 0 12px 0 rgba(0,0,0,.239216);border-radius:100%;border:none;transform:translateY(-25%)}.player__seek-bar--gradient{max-width:100%;height:1rem;position:absolute;top:0;border-radius:50rem}.player__control--play-button{border-radius:100%;height:4rem;width:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.player__control-icon{cursor:pointer;font-size:2rem}.player__control-icon--white{color:#fafafa;font-size:3rem}.library__song--cover{height:8rem;width:8rem}.library__song--cover img{height:100%;border-radius:100%;border:.6rem solid #fafafa}.library__song--artist{font-weight:300;font-size:1.4rem}.library__menu__icon{font-size:2.86rem}.button{text-decoration:none;color:#fafafa;font-weight:600;padding:2rem 3rem;width:-webkit-max-content;width:max-content;align-self:center;border-radius:1.5rem;margin-bottom:2rem}.about__headline{font-size:3rem}.about__img{width:clamp(28rem,80vw,40rem);margin:0 auto}.about__question{font-size:2rem;padding-bottom:1rem}.about__question--answer{font-size:1.35rem;line-height:2.5rem}.nav__header{padding:2rem;display:flex;align-items:center;justify-content:space-between}.song-info{display:flex;flex-direction:column;grid-gap:clamp(.5rem,3vw,3rem);gap:clamp(.5rem,3vw,3rem)}.player__seek-controls{display:flex;grid-gap:1rem;gap:1rem;width:clamp(28rem,50vw,90rem);align-items:center;justify-content:space-between}.player__control{display:flex;grid-gap:2.5rem;gap:2.5rem;align-items:center;max-width:50rem;align-self:center}@media only screen and (min-width:900px){.player__control{grid-gap:5rem;gap:5rem}}.player{flex-direction:column;height:100%;justify-content:space-evenly;padding:2rem 0}.library__list-item,.player{display:flex;grid-gap:2rem;gap:2rem}.library__list-item{align-items:center;padding:2rem}.library__list-item:hover{background-color:hsla(0,0%,100%,.07450980392156863)}.library__song-column{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;flex:1 1}.active-song,.active-song:hover{background-color:hsla(0,0%,100%,.22745098039215686)}.about-socials{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.about-socials-group{display:flex;grid-gap:2rem;gap:2rem;align-items:center}.about-socials-icon{font-size:1.8rem}.about-socials-text{font-size:1.5rem}
/*# sourceMappingURL=main.2bbde4ab.chunk.css.map */