*{margin:0;padding:0;box-sizing:border-box}body{background:#121212;color:#fff;font-family:"Lato",sans-serif}h2,h3{color:#6d6d6d}img{pointer-events:none}.app{transition:all .5s ease}.library-active{margin-left:20%}.song-container{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.song-container img{width:20%;border-radius:50%;transition:all 2s ease}.song-container h2{padding:3rem 1rem 1rem;color:silver}.song-container h3{font-size:1rem}.animate-img{animation:sora 24s linear infinite}@keyframes sora{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.song-container img{width:60%}}.player{min-height:20vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.player p{padding:0 1rem}.time-control{width:30%;align-items:center;justify-content:center;display:flex}.time-control input{width:100%;-webkit-appearance:none;background:transparent;cursor:pointer}.time-control input:focus{outline:none}.time-control input::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px}.time-control input::-moz-range-thumb{-webkit-appearance:none;background:transparent;border:none}.play-control{width:20%;display:flex;justify-content:space-between}.play-control svg{cursor:pointer}.track{background:#8a2be2;width:100%;height:1rem;position:relative;border-radius:1rem;overflow:hidden}.animate-track{background:grey;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(100%);pointer-events:none}@media screen and (max-width:768px){.time-control{width:90%}.play-control{width:65%}}.library{width:22rem;height:100%;position:fixed;top:0;left:0;background:#000;overflow:auto;box-shadow:2px 2px 10px #666;transform:translateX(-100%);transition:all .5s ease;opacity:0}.library h2{padding:2rem;color:#fff}.library-song{display:flex;align-items:center;padding:1rem 2rem;cursor:pointer;transition:background .5s ease}.library-song:hover{background:#282828}.library-song img{width:30%}.library-song .desc{display:flex;flex-direction:column;padding-left:1rem}.library-song .desc h3{color:#fff;font-size:1rem}.library-song .desc h4{color:#6d6d6d;font-size:.7rem}*{scrollbar-width:thin;scrollbar-color:#696868 transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#696868;border-radius:20px;border:transparent}.selected{background-color:#282828}.active-library{transform:translateX(0);opacity:1}@media screen and (max-width:768px){.library{width:100%}.library-active{margin-left:35%}}nav{min-height:10vh;display:flex;justify-content:space-around;align-items:center}nav button{background:transparent;color:#fff;cursor:pointer;border:1px solid #fff;border-radius:4px;padding:.5rem;transition:all .3s ease;z-index:10}nav button:hover{background:#fff;color:#000}nav button:focus{outline:none}
/*# sourceMappingURL=main.0661029b.chunk.css.map */