:root{background-color:#232323}.main-container{opacity:0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#62626266;padding:90px;width:350px;height:400px;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:absolute;left:50%;transform:translate(-50%);top:40px;border:2px solid black}.name{font-weight:700;font-size:22px;color:#fff;font-family:Poppins,sans-serif;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:absolute;width:25px;height:25px;right:20px;top:20px}.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:absolute;right:50px;top:24px}.bio{font-size:13px;color:#fff;font-family:Roboto,sans-serif;white-space:nowrap;margin:5px 0 0}.links{gap:.75rem;position:absolute;left:50%;transform:translate(-50%);top:220px;background-color:#0000;padding:5px;width:100%;height:50px;display:flex;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}.div1{position:absolute;left:50%;transform:translate(-50%);top:280px;background-color:#fff;width:90%;height:1px}.div2{position:absolute;left:50%;transform:translate(-50%);top:450px;background-color:#fff;width:90%;height:1px}.button1{color:#fff;position:absolute;left:50%;transform:translate(-50%);top:465px;background-color:#0000;width:90%;height:35px;display:flex;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;border:1px solid rgba(255,255,255,.2);border-radius:10px}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.button2{color:#fff;position:absolute;left:50%;transform:translate(-50%);top:510px;background-color:#0000;width:90%;height:35px;display:flex;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;border:1px solid rgba(255,255,255,.2);border-radius:10px}.button1:hover:before{content:attr(data-label);position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;top:30px;left:38%;transform:translate(-10%);font-size:14px;white-space:nowrap;width:130px;text-align:center;font-family:Noto Sans,sans-serif}.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:absolute;left:50%;transform:translate(-50%);top:280px;background-color:#0000;width:100%;height:161px;display:flex;flex-direction:column;justify-content:center;align-items:center}.songcover{background-color:#fff;padding:2px;width:110px;height:110px;position:absolute;left:20px;top:25px;border-radius:10px}.songinfo{display:flex;flex-direction:column;margin-top:10px;margin-left:-100px;transform:translateY(20px)}.songtitle,.artist,.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(93px);margin-left:100px}.progress-bar{height:100%;background-color:#fff;width:0;transition:width 1s linear;border-radius:10px}.time-label{margin-top:20px;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:absolute;left:50%;transform:translate(-50%);top:150px;display:flex;flex-direction:column;align-items:center;width:100%}.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}
