:root{--text-color:#ffffff;--border-color:#bebebe}*{color:var(--text-color);margin:0;padding:0}body{height:100vh;justify-content:center;background-color:#101010;font-family:Inter,sans-serif}.anim-border,body{display:flex;align-items:center}.anim-border{background:#050505;border-radius:25px;flex-direction:column;position:relative}@property --angle{syntax:"<angle>";initial-value:1deg;inherits:false}.anim-border:after,.anim-border:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),transparent 40%,#ffffff 50%,transparent 55%);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:1px;border-radius:25px;animation-name:borderanim;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.anim-border:before{opacity:.5}@keyframes borderanim{0%{--angle:0deg}to{--angle:360deg}}.logo{width:350px;height:auto;cursor:pointer}.main{flex-direction:column;gap:100px;max-width:800px;margin:0 auto}.links,.main{display:flex;align-items:center;justify-content:center}.links{flex-wrap:wrap;flex-direction:row;gap:50px;padding:20px 25px;opacity:1;max-width:100%;background:#000}.link{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;cursor:pointer;transition:all .2s ease-in-out}.link:hover{transform:scale(1.2)}.img-link{width:40px;height:auto}