@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)}}*{box-sizing:border-box;margin:0;outline:none;padding:0;scroll-behavior:smooth}::selection{background-color:#0000}body{background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;font-size:1.6rem;text-shadow:0 0 15px #c5c5c53b}:root{font-size:10px}.app__wrapper{grid-gap:clamp(1rem,5vw,3rem);display:grid;gap:clamp(1rem,5vw,3rem);grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:100vh;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,.796),rgba(0,0,0,.796));color:#fafafa}.light-mode{background:linear-gradient(135deg,rgba(230,233,240,.773),rgba(238,241,245,.773));color:#353535}@media only screen and (min-width:900px){body{overflow-y:scroll;scrollbar-color:hsla(0,0%,47%,.467) hsla(0,0%,47%,.271);scrollbar-width:thin}body::-webkit-scrollbar{width:1rem}body::-webkit-scrollbar-track{background:hsla(0,0%,47%,.271);border-radius:10rem}body::-webkit-scrollbar-thumb{background:#7777;border-radius:10rem}.app__wrapper .nav__header{grid-column:2/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{-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);display:flex;flex-direction:column;height:100%;position:fixed;top:0;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-timing-function:cubic-bezier(.45,0,.53,.97);width:100%}.library--hidden{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.library__wrapper{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-color:hsla(0,0%,47%,.467) hsla(0,0%,47%,.271);scrollbar-width:thin}.library__wrapper::-webkit-scrollbar{width:1rem}.library__wrapper::-webkit-scrollbar-track{background:hsla(0,0%,47%,.271);border-radius:10rem}.library__wrapper::-webkit-scrollbar-thumb{background:#7777;border-radius:10rem}@media only screen and (min-width:900px){.library{-webkit-backdrop-filter:initial;backdrop-filter:none;height:100%;position:relative}.library .nav__header,.library__menu__icon{display:none}.library__wrapper{flex:1 1}.disabled-on-desktop{color:hsla(0,0%,55%,.596)}}.about{-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);height:100%;left:0;overflow-y:scroll;position:fixed;scrollbar-color:hsla(0,0%,47%,.467) hsla(0,0%,47%,.271);scrollbar-width:thin;top:0;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-timing-function:cubic-bezier(.45,0,.53,.97);width:100%}.about::-webkit-scrollbar{width:1rem}.about::-webkit-scrollbar-track{background:hsla(0,0%,47%,.271);border-radius:10rem}.about::-webkit-scrollbar-thumb{background:#7777;border-radius:10rem}.about__wrapper{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:80rem;padding:2rem}.about--hidden{-webkit-transform:translatey(-100%);transform:translatey(-100%)}.menu__icon,.menu__title{font-size:2.2rem}.artwork{border:1rem solid #fafafa;border-radius:100%;height:24rem;overflow:hidden;transition:border .3s;width:24rem}.artwork img{border-radius:100%;height:100%}@media only screen and (min-width:900px){.artwork{height:30rem;width:30rem}}.song-info__artist{font-size:1.4rem;font-weight:400;text-align:center;transition:color .3s}@media only screen and (min-width:900px){.song-info__artist{font-size:1.75rem}}.song-info__title{font-size:2rem;font-weight:600;text-align:center}@media only screen and (min-width:900px){.song-info__title{font-size:3rem}}.player__duration{color:#797979;font-size:1.3rem;font-weight:300;margin-top:.1rem;text-align:center;width:4rem}.player__seek-bar{-webkit-appearance:none;appearance:none;background-color:initial;flex:1 1;width:100%}.player__seek-bar--wrapper{background-color:hsla(0,0%,47%,.271);border-radius:50rem;flex:1 1;height:1rem;position:relative}.player__seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fafafa;border-radius:100%;box-shadow:0 0 12px 0 rgba(0,0,0,.239);height:2rem;-webkit-transform:translateY(-25%);transform:translateY(-25%);width:2rem;z-index:10}.player__seek-bar::-moz-range-thumb{appearance:none;background-color:#fafafa;border:none;border-radius:100%;box-shadow:0 0 12px 0 rgba(0,0,0,.239);height:2rem;transform:translateY(-25%);width:2rem;z-index:10}.player__seek-bar--gradient{border-radius:50rem;height:1rem;max-width:100%;position:absolute;top:0}.player__control--play-button{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:4rem;justify-content:center;transition:background .3s;width:4rem}.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{border:.6rem solid #fafafa;border-radius:100%;height:100%}.library__song--artist{font-size:1.4rem;font-weight:300}.library__menu__icon{font-size:2.86rem}.button{align-self:center;border-radius:1.5rem;color:#fafafa;font-weight:600;margin-bottom:2rem;padding:2rem 3rem;text-decoration:none;width:-webkit-max-content;width:max-content}.about__headline{font-size:3rem}.about__img{margin:0 auto;width:clamp(28rem,80vw,40rem)}.about__question{font-size:2rem;padding-bottom:1rem}.about__question--answer{font-size:1.35rem;line-height:2.5rem}.nav__header{align-items:center;display:flex;justify-content:center;padding:2rem}.song-info{display:flex;flex-direction:column;gap:clamp(.5rem,3vw,3rem)}.player__seek-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:clamp(28rem,50vw,90rem)}.player__control{align-items:center;align-self:center;display:flex;gap:2.5rem;max-width:50rem}@media only screen and (min-width:900px){.player__control{gap:5rem}}.player{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:space-evenly;padding:2rem 0}.library__list-item{align-items:center;display:flex;gap:2rem;padding:2rem}.library__list-item:hover{background-color:#ffffff13}.library__song-column{display:flex;flex:1 1;flex-direction:column;gap:1rem}.active-song,.active-song:hover{background-color:#ffffff3a}.about-socials{display:flex;flex-direction:column;gap:2rem}.about-socials-group{align-items:center;display:flex;gap:2rem}.about-socials-icon{font-size:1.8rem}.about-socials-text{font-size:1.5rem}
/*# sourceMappingURL=main.67af28f6.css.map*/