@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap);.song-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.cover-art{border-radius:10px;width:20%}.song-container h2{font-size:1.6rem;font-weight:700;padding:3rem 1rem 1rem}.song-container h3{font-size:1.3rem;font-weight:300}@media screen and (max-width:768px){.song-container img{width:60%}}.player-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:50px;min-height:20vh}.time-control{display:flex;width:50%}.song-input{cursor:pointer;padding:1rem 0;width:100%}.song-input::-ms-range-progess{background-color:red}.time-control p{padding:1rem}.play-control{align-items:center;display:flex;justify-content:space-between;padding:1rem;width:35%}.play-control svg{cursor:pointer}input[type=range]{accent-color:#5865f2}.play{color:#fff}.skip-back,.skip-forward{color:#97a9b4}@media screen and (max-width:786px){.time-control{width:90%}.play-control{width:75%}}.footer-container{align-items:center;border-top:2px solid #000;display:flex;height:20vh;justify-content:center}*{scrollbar-color:hsla(0,0%,61%,.5) transparent;scrollbar-width:thin}::-webkit-scrollbar{background:transparent;width:5px}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,61%,.5);border:transparent;border-radius:20px}.library{background-color:#2c2f33;height:100%;left:0;opacity:0;overflow:scroll;padding:2rem .8rem 1rem 2rem;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .5s ease;width:25rem}.library h2{padding:2rem}.library-song img{border-radius:3px;width:32%}.library-song{align-items:center;cursor:pointer;display:flex;padding:1rem 1rem 1rem 2rem}.song-desc{padding-left:1rem}.song-desc h3{color:#99aab5;font-size:1rem}.song-desc h4{color:#99aab5;font-size:.8rem;font-weight:400}.lib-songs{padding:2rem 0}.library-song:hover{background-color:#9ca1af3a;border-radius:6px}.library-song:hover h3,.library-song:hover h4{color:#fff}.selected{background-color:#4e5d94;border-radius:6px}.selected h3,.selected h4{color:#fff}.active-library{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.lib-title{border-bottom:2px solid #4e5d94;color:#fff;font-size:24px;font-weight:400}@media screen and (max-width:768px){.library{padding-top:60px;width:100%}}nav{background-color:#23272a;justify-content:space-around;min-height:10vh;padding:0 2rem}button,nav{align-items:center;display:flex}button{background-color:#7289da;border:2px solid #7289da;border-radius:6px;cursor:pointer;gap:10px;justify-content:center;padding:.5rem 2rem;transition:all .3s ease}button,h1{color:#fff}button:hover{background-color:#4e5d94}@media screen and (max-width:768px){nav button{align-items:center;display:flex;gap:10px;z-index:10}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#23272a}
/*# sourceMappingURL=main.3a321933.css.map*/