*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3{font-weight:600;color:#2b2b2b}body{background:#8360c3;background:linear-gradient(90deg,#2ebf91,#8360c3);font-family:"Montserrat",sans-serif;font-weight:300}.song-container{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.song-container img{width:20%;border-radius:50%}.song-container h2{color:#fff;padding:3rem 1rem 1rem}.song-container h3{color:#fff;font-size:1rem}.player{min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.time-control{width:50%;display:flex}.time-control input{width:100%;-webkit-appearance:none;background:transparent;cursor:pointer}.time-control p{padding:1rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:25px;width:6px}.play-control{color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem;width:25%}.play-control svg{cursor:pointer}.track{align-self:center;background:pink;width:100%;height:1rem;position:relative;border-radius:1rem;overflow:hidden}.animate-track{background:grey;width:100%;position:absolute;pointer-events:none}.animate-track,.library{height:100%;top:0;left:0}.library{transition:all .5s ease;transform:translateX(-200%);background-color:#fff;position:fixed;width:20rem;box-shadow:1px 1px 20px rgba(50,50,50,.25);overflow:scroll}.library h2{padding:1rem}.library-song{cursor:pointer;padding:2rem 1rem;display:flex;align-items:center;transition:all .3s ease}.library-song img{width:100px}.library-song:hover{background:#b1daff}.song-description{padding-left:.5rem}.song-description h3{font-size:2rem}.song-description h4{font-size:1rem}*{scrollbar-width:thin}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,60.8%,.5);border-radius:40px;border:transparent}.selected{transition:all .2s ease;background:#7fffd4}.active-library{transform:translateX(0)}nav{min-height:10vh;display:flex;justify-content:space-around;align-items:center}nav,nav h1{color:#fff}nav button{color:#fff;background:transparent;border:2px solid #fff;cursor:pointer;padding:.5rem;transition:all .3s ease}nav button:hover{background:#2b2b2b;color:#fff}
/*# sourceMappingURL=main.c48ebf5a.chunk.css.map */