:root{background-color:#232323}.main-container{opacity:0;position:fixed;left:50%;top:40%;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:fixed;margin-right:10px;transform:translate(120px);top:15px;border:2px solid black}.name{margin-left:10px;font-weight:700;position:fixed;font-size:22px;margin-right:10px;transform:translate(124.4px);top:110px;color:#fff;font-family:Poppins,sans-serif}.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{margin-left:10px;position:fixed;font-size:13px;margin-right:10px;transform:translate(109px);top:160px;color:#fff;font-family:Roboto,sans-serif}.links{gap:.75rem;position:fixed;left:50%;transform:translate(-50%);top:200px;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}.div1{position:fixed;left:50%;transform:translate(-50%);top:276px;background-color:#fff;padding:1px;width:500px;height:1px;display:flex;justify-content:space-between;align-items:center}.div2{position:fixed;left:50%;transform:translate(-50%);top:450px;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:6%;top:464px;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;text-decoration:bold}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.button2{color:#fff;text-align:center;text-decoration:none;position:fixed;left:6%;top:525px;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;text-decoration:bold}.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:fixed;left:50%;transform:translate(-50%);top:279px;background-color:#0000;padding:5px;width:491px;height:161px;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:-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: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}