@import"https://fonts.googleapis.com/css2?family=Dancing+Script&family=Manrope:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&family=Roboto+Condensed:wght@300;400&display=swap";.github-button{position:absolute;bottom:5%;right:5%;filter:drop-shadow(3px 4px 5px white);animation:GitHubFloatingButton 3s infinite}@keyframes GitHubFloatingButton{0%{transform:translateY(-5px)}50%{transform:translateY(0)}to{transform:translateY(-5px)}}.github-button button{all:unset;cursor:pointer;width:30px}.github-button button img{width:40px;transition:.3s all ease}.github-button button img:hover{transform:scale(1.1)}.card{display:flex;align-items:center;justify-content:center;flex-direction:column}.card .image{overflow:hidden;width:400px;height:400px;border-radius:12px;background-size:cover;background-position:top;background-repeat:no-repeat;background-clip:border-box}@media screen and (max-width: 510px){.card .image{width:200px;height:200px}}.card .track-name{font-weight:700;font-size:20px;margin-block:20px}@media screen and (max-width: 510px){.card .track-name{font-size:15px}}.play{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;gap:40px}.play button{all:unset;cursor:pointer;width:60px}@media screen and (max-width: 510px){.play button{width:35px}}.play button img{width:100%}.music-bar-container{margin-block:10px}.music-bar-container .music-bar{height:8px;width:100%;background-color:#eee;position:relative;overflow:hidden;border-radius:3px}@media screen and (max-width: 510px){.music-bar-container .music-bar{height:5px}}.music-bar-container .music-bar .bar{height:100%;background-color:#333;transition:width .3s ease;cursor:pointer}@media screen and (max-width: 510px){.music-bar-container .time{font-size:15px}}*{margin:0;padding:0;box-sizing:border-box}.home{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.home .mp3{padding-top:20px;width:500px;border-radius:12px;height:650px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px #fff}@media screen and (max-width: 510px){.home .mp3{width:300px;height:500px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,sans-serif;animation:.3s all ease}body{background-size:cover;background-repeat:no-repeat;min-height:100vh;-webkit-backdrop-filter:brightness(.4);backdrop-filter:brightness(.4)}body p{color:#fff}