header{background-color:#bbb;color:#fff;padding:10px;text-align:center;font-family:Agu Display,serif;font-size:2rem}.main{height:100vh;background-color:#000;width:100%;position:relative;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform:scale(1.1);overflow:hidden}.background-image img{width:100%;height:100%;object-fit:cover;object-position:center}.background-blur{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background-color:#0009;z-index:3}.main .Main-content-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:3rem;z-index:10}.img-wrapper{height:250px;width:250px;overflow:hidden;border-radius:7px;margin:0 auto;cursor:pointer}.img-wrapper img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s ease-in-out}.img-wrapper:hover img{transform:scale(1.1)}.light-leaks{position:absolute;top:0;left:0;width:220%;height:220%;background:linear-gradient(120deg,#f003,#ff03,#0ff3,#f0f3,#f003);z-index:2;animation:lightleaks 10s infinite linear}@keyframes lightleaks{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(0) rotate(360deg)}}.Main-content-wrapper p{text-align:center;color:#fff;text-transform:uppercase;margin-top:1rem}.artist{font-size:1.3rem}.song-title{font-weight:600;font-size:5rem;font-family:Bebas Neue,serif}.preview-button-container{display:flex;align-items:center;justify-content:center;margin-top:.5rem;padding:.5rem 0}.preview-button{background-color:transparent;border:.2rem solid white;border-radius:1.8rem;color:#fff;padding:.5rem 1.5rem;cursor:pointer;overflow:hidden;display:inline-block}.preview-button .span-container{display:inline-flex;align-items:center;position:relative;overflow:hidden}.preview-button .span-container__inner{margin-right:2px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;font-size:2rem;transform:translateY(0)}.preview-button:hover .span-container__inner{transform:translateY(-105%)}.sub-span{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:999;font-size:2rem}.audio-wave-wrapper{position:absolute;top:40%;left:50%;transform:translate(-50%,-40%);z-index:4;display:flex;justify-content:space-between;align-items:center;width:500px}.audio-wave-wrapper2{visibility:hidden;position:absolute;top:40%;left:50%;transform:translate(-50%,-40%);z-index:5;display:flex;justify-content:space-between;align-items:center;width:500px}.wave{width:.5rem;height:8rem;background:linear-gradient(#790f79,red,#790f79);margin:1rem;animation:wave 1s linear infinite;border-radius:2rem}@media (max-width: 60rem){.audio-wave-wrapper2,.audio-wave-wrapper{width:395px}.wave{height:6rem}}.wave:nth-child(2){animation-delay:.2s}.wave:nth-child(3){animation-delay:.4s}.wave:nth-child(4){animation-delay:.3s}.wave:nth-child(5){animation-delay:.8s}.wave:nth-child(6){animation-delay:.5s}.wave:nth-child(7){animation-delay:.6s}.wave:nth-child(8){animation-delay:.3s}.wave:nth-child(9){animation-delay:.8s}.wave:nth-child(10){animation-delay:.9s}.wave:nth-child(11){animation-delay:.5s}.wave:nth-child(12){animation-delay:.2s}.wave:nth-child(13){animation-delay:.9s}.second-wave{width:.5rem;background:linear-gradient(#790f79,red,#790f79);margin:1rem;border-radius:2rem}.second-wave:nth-child(1){height:1rem}.second-wave:nth-child(2){height:2rem}.second-wave:nth-child(3){height:5rem}.second-wave:nth-child(4){height:7rem}.second-wave:nth-child(5){height:5rem}.second-wave:nth-child(6){height:4rem}.second-wave:nth-child(7){height:3rem}.second-wave:nth-child(8){height:2rem}.second-wave:nth-child(9){height:4rem}.second-wave:nth-child(10){height:5rem}.second-wave:nth-child(11){height:6rem}.second-wave:nth-child(12){height:7rem}.second-wave:nth-child(13){height:8rem}.second-wave:nth-child(14){height:5rem}@keyframes wave{0%{transform:scaleY(0)}50%{transform:scaleY(2)}to{transform:scaleY(0)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:1000}.loading-screen .emojis{display:flex;gap:10px}.loading-screen .emojis .emoji{font-size:32px;animation:slide 2s infinite ease-in-out}.loading-screen .emojis .emoji:nth-child(1){animation-delay:0s}.loading-screen .emojis .emoji:nth-child(2){animation-delay:.5s}.loading-screen .emojis .emoji:nth-child(3){animation-delay:1s}@keyframes slide{0%,to{transform:translate(0)}50%{transform:translate(20px)}}body{font-family:Open Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;box-sizing:border-box}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}