.player{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-height:20vh}.time-control{display:flex;margin-bottom:30px;text-align:center;width:45%}.time-control p{font-size:14px;font-weight:300;letter-spacing:1px;margin-top:50px;opacity:.7}.time-control input{-webkit-appearance:none;background-color:transparent;cursor:pointer;width:100%}.time-control input::-webkit-slider-runnable-track{background:#7e7e7e;height:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.time-control input::-webkit-slider-thumb{-webkit-appearance:none;background:#e7e7e7;border:none;border-radius:50%;cursor:pointer;height:10px;margin-top:-3.5px;width:10px}.time-control input:focus{outline:none}.time-control input:hover::-webkit-slider-runnable-track{background:#ddd}.play-control{align-items:center;display:flex;justify-content:space-between;padding:1em;width:30%}.play-control svg{cursor:pointer}.time-start{left:30px;position:relative}.time-end{position:relative;right:30px}.leftIonc{margin-right:20px}.rightIcon{margin-left:20px}.song-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.song-container img{border-radius:50%;width:20%}.song-container h2{font-size:18px;font-weight:400;letter-spacing:.5px;padding:3rem 1rem 1px}.song-container h3{font-weight:300;opacity:.7}.song-names{align-items:center;display:flex;flex-direction:column;justify-content:center}.imgAnim{-webkit-animation:animation 50s linear infinite;animation:animation 50s linear infinite}@-webkit-keyframes animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.library{background:linear-gradient(38deg,#3c1e21,#3b2239 51%,#121434);box-shadow:2px 2px 10px #d6d6d6;height:100%;left:0;opacity:0;overflow-y:scroll;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .5s ease;width:25rem}.container-padding{margin-left:0;transition:all .5s ease}.ml{margin-left:25rem}.library::-webkit-scrollbar{width:5px}.library::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.library::-webkit-scrollbar-thumb{background-color:#121434;outline:1px solid #3b2239}.library-song{align-items:center;display:flex;padding:1rem 2rem}.library-song:hover{background-color:#121434}.library-song img{border-radius:15px;margin-right:20px;width:40%}.library-titles h2{font-size:18px;font-weight:400;letter-spacing:.5px}.library-titles h3{font-weight:300;opacity:.7}.library-titles .library-name{margin-bottom:5px}.library-title{margin-bottom:10px;padding-left:35px;padding-top:20px}.btn{border:transparent;border-radius:6px;color:#fff;margin:20px 20px 20px 300px;padding:10px 20px}.activeed,.btn{background-color:#121434}.active-status{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.nav{align-items:center;display:flex;justify-content:space-around;padding-top:20px}.nav button{background:linear-gradient(38deg,#121434,#3b2239 51%,#3c1e21);border:1px solid #121434;border-radius:6px;color:#fff;cursor:pointer;padding:8px 20px;transition:all .3s ease-in}.nav button:hover{background:linear-gradient(38deg,#3c1e21,#3b2239 51%,#121434);color:#fff}.fa{margin-left:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(38deg,#121434,#3b2239 51%,#3c1e21);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;width:100%}@media screen and (max-width:768px){.time-control{width:90%}.play-control{width:60%}.song-container img{padding-top:20px;width:50%}.nav button{z-index:10}}.container{margin:0 auto;max-width:1300px;padding:0 30px;width:100%}
/*# sourceMappingURL=main.01f9ad35.css.map*/