@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap");.body{position:fixed;z-index:200;top:0;left:0;width:100%;margin:0;min-height:100vh;background:#19191a7e;backdrop-filter:blur(5px);padding-top:10px;display:flex;justify-content:center;align-items:center;font-size:12px}.player-container{width:400px;height:500px;background:#18191a;border-radius:20px;box-shadow:0 5px 20px 5px #0000003a;font-family:Spartan,sans-serif}.player-controls div{display:inline-block}.img-container{height:300px;width:300px;position:relative;top:-30px;left:50px}.img-container img{height:100%;width:100%;object-fit:cover;border-radius:30px;box-shadow:0 5px 30px 5px rgba(0,0,0,.5)}#title{font-size:25px;font-weight:700;margin:0}#artist,#title{text-align:center}#artist{font-size:20px;font-weight:400;margin:5px 0 0}.progress-container{background:#fff;border-radius:5px;cursor:pointer;margin:40px 20px;height:4px;width:90%}.progress{background:#2563eb;border-radius:5px;height:100%;width:0;transition:width .1s linear}.duration-wrapper{position:relative;top:-25px;display:flex;justify-content:space-between}.player-controls{position:relative;top:-15px;left:120px;width:200px}.fas{font-size:30px;color:#818181;margin-right:30px;user-select:none;cursor:pointer}.fas:hover{color:#6d6d6d}.main-button{font-size:40px;position:relative;top:3px}.rotate{animation:rotate 3s linear infinite;animation-play-state:paused}.start-animation{animation-play-state:running!important}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:376px){.player-container{width:95vw}.img-container{width:250px;height:250px}h2{font-size:20px}h3{font-size:15px}.player-controls{top:-10px;left:100px}}