body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#2a2a2a;height:100vh;margin:0;text-align:center;transition:.8s}*{color:#f0f0f0}h1,h2{font-size:1.7rem;font-weight:300}h2{margin:3px}.header{display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:20px}.header h1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:center;margin:7px;text-justify:center}.menu{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:45px;justify-content:center}.menu,.menu:hover{border-radius:10px;padding:0 10px;transition:.3s}.menu:hover{background-color:rgba(50,50,50,.5)}.menu h1{margin:0 5px}.music-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.album-art{border-radius:15px;height:400px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:400px}.album-art img{border-radius:15px;height:100%;width:100%}.song-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.current-song{border-radius:15px 15px 0 0;margin:20px 0 0;padding:30px 20px 0}.current-song,.player-controls{align-items:center;background-color:rgba(50,50,50,.5);display:flex;flex-direction:column;justify-content:center;width:40em}.player-controls{border-radius:0 0 15px 15px;margin:0 0 20px;padding:20px 20px 40px}.track-progress{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:center;margin:1vh 0 3vh}.length,.time{margin:0 15px}.progress-bar{background-color:#565656;border-radius:99px;height:8px;width:30em}.seek-bar{background-color:#f0f0f0;border-radius:999px;height:100%}.controls{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;width:50%}.back,.next,.play-pause{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.library-container{right:-400px;transition:.5s}.library-container,.library-container.active{background-color:#0e0e0e;display:flex;flex-direction:column;height:100vh;position:fixed;top:0;width:22rem}.library-container.active{right:0;transition:.3s}.close-menu{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px}.close-menu svg{cursor:pointer}.close-menu h1{font-size:2rem;margin:0 10px}.track-details,.track-details:hover{align-items:center;display:flex;flex-direction:row;margin:10px;padding:10px;transition:.3s}.track-details:hover{background-color:#2a2a2a;border-radius:10px;cursor:pointer}.track-description{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 20px;overflow:hidden}.track-description h2{font-size:1.1rem;margin:5px 0}.track-description p{font-size:.8rem;margin:0}.album-cover{display:flex;flex-direction:column;justify-content:center}.album-cover img{border-radius:5px;height:auto;justify-self:center;width:4rem}@media screen and (max-width:1000px){.header{margin:0 0 5vh}.current-song,.player-controls{width:35em}.track-progress{width:95%}.progress-bar{width:85%}}@media screen and (max-width:500px){.App{width:100%}.header{margin:0 0 5vh;padding:5px}.header h1{font-size:1.3rem;margin-top:10px}.menu h1{margin-top:0}.album-art{height:85vw;width:85vw}.current-song{margin:20px 0 0;padding:0;width:90%}.current-song h2.artist{font-size:1.3rem;margin:15px 0 10px}p.track-title{font-size:.8rem;margin:0}.player-controls{font-size:.7rem;margin:0;padding:10px 0 20px;width:90%}.controls{width:80%}.track-progress{margin-bottom:15px;width:100%}.length,.time{margin:0 10px}.progress-bar{height:5px;width:100%}.library-container.active{overflow-y:scroll;width:100%}}
/*# sourceMappingURL=main.41adaa84.css.map*/