*{margin:0;padding:0;box-sizing:border-box}body{background-color:#62859c}h1,h2,h3,h4{color:#fff}h3,h4{font-weight:400}.App{transition:all .5s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}.lib-active{margin-left:30%}.player{min-height:20vh;flex-direction:column;justify-content:space-between}.player,.timecontrol{display:flex;align-items:center}.timecontrol{width:50%;overflow:hidden;justify-content:center}.timecontrol input{width:100%;-webkit-appearance:none;background-color:transparent;cursor:pointer;appearance:none;margin:0}.timecontrol p{width:4rem;padding:0 10px}.playcontrol{display:flex;justify-content:space-between;align-items:center;width:20%}.playcontrol svg{cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:transparent}input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;background:transparent;border:none}.track{width:80%;height:1rem;position:relative;border-radius:1rem;overflow:hidden}.animate-track{background-color:#dcdcdc;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);pointer-events:none}.bl{color:#5a053e}@media screen and (max-width:800px){.timecontrol{width:90%}.playcontrol{width:60%}}.song-cont{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.song-cont img{width:20%;border-radius:50%}.song-cont h2{padding:2rem 0}.cover-animate{-webkit-animation:cover 30s linear infinite forwards;animation:cover 30s linear infinite forwards}@-webkit-keyframes cover{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cover{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:800px){.song-cont img{width:60%}}.library{position:fixed;top:0;left:0;width:17rem;height:100%;box-shadow:2px 2px 20px hsla(0,0%,100%,.281);overflow:scroll;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-color:#7e2929;transition:all .4s ease-in;opacity:0}.library h2{padding:2rem}.lib-song{display:flex;align-items:center;padding:1rem 2rem;cursor:pointer;transition:background .3s ease}.lib-song img{width:30%}.lib-song:hover{background:#442828}.song-description{padding-left:1rem}.song-description h3{font-size:1rem}.song-description h4{font-size:.7rem}*{scrollbar-color:#9e7474 transparent;scrollbar-width:thin;scroll-behavior:smooth}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#9e7474;border-radius:20px;border:transparent}.lib-song.selected{background-color:#000}.active-lib{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}@media screen and (max-width:800px){.library{width:100%}}nav{min-height:10vh;display:flex;justify-content:space-around;align-items:center}nav button{color:bisque;background:transparent;cursor:pointer;border:1px solid #eee7e7;padding:8px 4px;transition:all .5s ease}nav button:hover{background-color:#7e2929;color:wheat}@media screen and (max-width:800px){nav button{z-index:100}}
/*# sourceMappingURL=main.3f304c28.chunk.css.map */