@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif}h1,h2,h3,h4{color:#323232}button,svg{cursor:pointer}img{pointer-events:none}.App{transition:all .5s ease}.App.active{margin-left:25%}nav{align-items:center;display:flex;justify-content:space-around;margin:auto;min-height:10vh;padding:2rem 0}nav button{background:none;border:2px solid #363636;font-size:1rem;padding:.65rem;transition:.5s ease;z-index:10}nav button:hover{background:#363636;color:#fff}@media screen and (max-width:768px){nav{min-height:10vh}}.song-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.song-container img{border-radius:50%;margin:1rem;width:20%}.song-container h2{margin:.5rem}@media screen and (max-width:1024px){.song-container{min-height:60vh}.song-container img{width:35%}}@media screen and (max-width:768px){.song-container{margin-top:1rem}.song-container img{width:72%}}.player{flex-direction:column;justify-content:space-around;margin:auto;min-height:20vh}.player,.time-control{align-items:center;display:flex}.time-control{width:35%}.time-control p{padding:1rem}.track{border-radius:5rem;display:flex;overflow:hidden;position:relative;width:100%}.track input{-webkit-appearance:none;background:none;cursor:pointer;width:100%}.track input::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px}.track input::-moz-range-thumb{-moz-appearance:none;background:none;border:none;height:16px;width:16px}.animate-track{background-color:#cdcdcd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(50%);width:100%}.play-control{display:flex;justify-content:space-around;width:30%}@media screen and (max-width:1024px){.time-control{width:60%}}@media screen and (max-width:768px){.time-control{width:95%}.play-control{width:70%}}.library{background:#fff;box-shadow:2px 2px 50px #c8c8c8;height:100%;left:0;opacity:0;overflow-y:scroll;position:fixed;top:0;transform:translateX(-100%);transition:all .5s ease;width:28rem}.library h2{font-size:2rem;padding:2rem}.library-active{opacity:1;transform:translateX(0)}.library-song{align-items:center;cursor:pointer;display:flex;padding:1.2rem 2rem;transition:.5s ease}.library-song:hover{background:#ffebe6}.library-song img{width:30%}.song-desc{padding-left:1rem}.song-desc h3{font-size:1.3rem}.song-desc h4{font-size:1rem}.selected{background:#ffdacf}::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:#0000;width:8px}::-webkit-scrollbar-thumb{background:#cacaca;border-radius:2rem}@media screen and (max-width:768px){.library{opacity:1;width:100%}}
/*# sourceMappingURL=main.d662823a.css.map*/