:root{background-color:#232323}.main-container{opacity:0;position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);background-color:#62626266;padding:90px 90px 80px;width:350px;height:360px;display:flex;border-radius:10px;justify-content:space-between;align-items:center;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .5s ease-in-out,transform .5s ease-in-out,background-color .5s ease-in-out}.main-container.entered{opacity:1}.container{display:flex;align-items:center}.pfp{width:100px;height:100px;border-radius:50%;object-fit:cover;position:fixed;margin-right:10px;transform:translate(120px);top:15px;border:2px solid black}.name{font-weight:700;position:fixed;left:50%;transform:translate(-50%);font-size:22px;top:128px;color:#fff;font-family:Poppins,sans-serif;text-align:center;margin:0}.name:hover:before{content:"UID 0";position:absolute;background-color:#020202;color:#fff;padding:5px;border-radius:5px;top:3px;left:150%;transform:translate(-50%);font-size:14px;white-space:nowrap;width:50px;text-align:center;font-family:Noto Sans,sans-serif}.outside{display:flex;align-items:center}.view{position:fixed;width:25px;height:25px;margin-right:10px;transform:translate(400px);top:16.3px}.num:hover:before{content:"Profile Views";position:absolute;background-color:#020202;color:#fff;padding:5px;border-radius:5px;top:22px;left:150%;transform:translate(-65%);font-size:14px;white-space:nowrap;width:103px;text-align:center;font-family:Noto Sans,sans-serif}.num{font-family:Roboto,sans-serif;text-decoration:bold;color:#fff;font-size:14px;position:fixed;width:20px;height:20px;margin-right:8px;transform:translate(364px);top:21px}.bio{position:fixed;left:50%;transform:translate(-50%);top:168px;width:90%;max-width:320px;text-align:center;font-size:13px;color:#fff;font-family:Roboto,sans-serif;margin:0;white-space:nowrap}.links{gap:.75rem;position:fixed;left:50%;transform:translate(-50%);top:198px;background-color:#0000;padding:5px;width:520px;height:50px;display:flex;border-radius:10px;justify-content:center;align-items:center}.link1{width:50px;height:50px;border-radius:50%;object-fit:fill;border:2px solid white}.link1:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link2{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link2:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link3{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link3:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link4{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link4:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link5{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link5:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.div2{position:fixed;left:50%;transform:translate(-50%);top:432px;background-color:#fff;padding:1px;width:500px;height:1px;display:flex;justify-content:space-between;align-items:center}.button1{color:#fff;text-decoration:none;text-align:center;position:fixed;left:50%;transform:translate(-50%);top:446px;background-color:#0000;padding:5px;width:450px;height:35px;display:flex;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;font-weight:700;cursor:pointer}.button-email{color:#fff;text-decoration:none;text-align:center;position:fixed;left:50%;transform:translate(-50%);top:484px;background-color:#0000;padding:5px;width:450px;height:35px;display:flex;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;font-weight:700;cursor:pointer}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.button2:hover:before{content:attr(data-label);position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;top:33px;left:38%;transform:translate(-10%);font-size:14px;white-space:nowrap;width:130px;text-align:center;font-family:Noto Sans,sans-serif}.song{position:fixed;left:50%;transform:translate(-50%);top:262px;background-color:#0000;padding:5px;width:491px;height:148px;display:flex;flex-direction:column;justify-content:center;align-items:center}.songcover{background-color:#fff;padding:2px;width:110px;height:110px;position:fixed;left:20px;border-radius:10px}.songinfo{display:flex;flex-direction:column;margin-top:10px;margin-left:-25px;transform:translateY(12px)}.songtitle,.artist{font-family:Roboto Mono,monospace;font-family:Rubik,sans-serif;color:#fff;display:flex;margin:2px;transform:translate(-40px) translateY(-24px)}.album{font-family:Roboto Mono,monospace;font-family:Rubik,sans-serif;color:#fff;display:flex;margin:2px;transform:translateY(-30px)}.progress-bar-container{border-radius:10px;height:10px;background-color:#0000;margin-top:10px;width:60%;border:2.5px solid black;overflow:hidden;transform:translateY(80px);margin-left:100px}.progress-bar{height:100%;background-color:#fff;width:0;transition:width 1s linear;border-radius:10px}.time-label{margin-top:28px;font-size:14px;color:#fff;font-family:Poppins,sans-serif;transform:translate(50px)}.overlay{background:#000;position:fixed;left:0%;top:0;width:100%;height:100%;text-align:center;justify-content:center;align-items:center;color:#fff;font-size:24px;cursor:pointer;z-index:9999}.click{position:fixed;left:50%;transform:translate(-50%);top:360px}.info{position:fixed;left:15%}.tooltip{display:none;position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;font-size:14px;white-space:nowrap;text-align:center;font-family:Noto Sans,sans-serif}.card-header,.views-row,.card-actions{display:contents}@media (max-width: 768px){.video-background{pointer-events:none}.main-container{top:50%;width:min(530px,94vw);height:auto;min-height:unset;padding:clamp(18px,4vw,28px) clamp(14px,3.5vw,22px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.5vw,14px);transform:translate(-50%,-50%) scale(min(calc(100vw / 530),.15625dvh));transform-origin:center center;box-sizing:border-box}.card-header,.views-row,.card-actions{display:flex}.card-header{position:relative;width:100%;justify-content:center;align-items:flex-start;min-height:clamp(72px,20vw,96px)}.views-row{position:absolute;top:0;right:0;align-items:center;gap:6px}.pfp{position:static;transform:none;width:clamp(72px,20vw,96px);height:clamp(72px,20vw,96px);margin:0}.view{position:static;transform:none;width:clamp(18px,5vw,22px);height:clamp(18px,5vw,22px);margin:0}.num{position:static;transform:none;width:auto;height:auto;margin:0;font-size:clamp(11px,3vw,13px)}.info{position:static;left:auto;width:100%;text-align:center}.name{position:static;transform:none;top:auto;margin:0 0 4px;font-size:clamp(18px,4.5vw,22px)}.bio{position:static;transform:none;top:auto;width:100%;max-width:none;font-size:clamp(11px,3vw,13px);padding:0 8px;box-sizing:border-box}.links{position:static;transform:none;top:auto;width:100%;height:auto;flex-wrap:wrap;gap:clamp(8px,2vw,10px);padding:0}.link1,.link2,.link3,.link4,.link5{width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px)}.song{position:static;transform:none;top:auto;width:100%;height:auto;padding:0;display:grid;grid-template-columns:clamp(72px,20vw,96px) 1fr;grid-template-rows:auto auto auto;column-gap:clamp(10px,3vw,14px);row-gap:6px;align-items:center}.song>a{grid-row:1 / span 2;grid-column:1;display:block;line-height:0}.songcover{position:static;left:auto;width:clamp(72px,20vw,96px);height:clamp(72px,20vw,96px)}.songinfo{display:flex;flex-direction:column;gap:4px;margin:0;transform:none;grid-row:1;grid-column:2;min-width:0}.songtitle,.artist{transform:none;margin:0;font-size:clamp(12px,3.2vw,14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar-container{position:static;transform:none;margin:0;width:100%;height:clamp(8px,2vw,10px);grid-row:2;grid-column:2}.time-label{margin:0;transform:none;font-size:clamp(11px,3vw,13px);text-align:right;grid-row:3;grid-column:1 / span 2}.div2{position:static;transform:none;top:auto;width:100%;margin:0}.card-actions{width:100%;flex-direction:column;gap:clamp(6px,1.5vw,8px)}.button1,.button-email{position:static;transform:none;top:auto;width:100%;height:auto;min-height:clamp(32px,8vw,36px);font-size:clamp(14px,3.8vw,16px);padding:8px 12px;box-sizing:border-box}.click{position:static;transform:none;top:auto}.overlay{display:flex;align-items:center;justify-content:center}}