@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#f0f0f0;background:#000;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.stars{pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.stars:before,.stars:after{content:"";background:#fff;width:2px;height:2px;animation:3s infinite twinkle;position:absolute;box-shadow:100px 200px #fff,300px 100px #fff,500px 300px #fff,700px 250px #fff,900px 150px #fff,1100px 350px #fff,1300px 200px #fff,1500px 400px #fff,200px 500px #fff,400px 600px #fff,600px 700px #fff,800px 800px #fff,1000px 900px #fff,1200px 1000px #fff,1400px 1100px #fff,1600px 1200px #fff,50px 150px #fff,250px 350px #fff,450px 550px #fff,650px 750px #fff,850px 950px #fff,1050px 1150px #fff,1250px 1350px #fff,1450px 1450px #fff,150px 250px #fff,350px 450px #fff,550px 650px #fff,750px 850px #fff,950px 1050px #fff,1150px 1250px #fff,1350px 1450px #fff,1550px 1550px #fff,1800px 100px #fff,1750px 300px #fff,1650px 500px #fff,1850px 700px #fff,1700px 900px #fff,1900px 1100px #fff,1950px 1300px #fff,1800px 1500px #fff,25px 75px #fff,175px 175px #fff,375px 275px #fff,575px 375px #fff,775px 475px #fff,975px 575px #fff,1175px 675px #fff,1375px 775px #fff,1575px 875px #fff,1775px 975px #fff,1975px 1075px #fff,75px 125px #fff,275px 225px #fff,475px 325px #fff,675px 425px #fff,875px 525px #fff,1075px 625px #fff,1275px 725px #fff,1475px 825px #fff,1675px 925px #fff,1875px 1025px #fff,125px 175px #fff,325px 275px #fff,525px 375px #fff,725px 475px #fff,925px 575px #fff,1125px 675px #fff,1325px 775px #fff,1525px 875px #fff,1725px 975px #fff,1925px 1075px #fff,175px 225px #fff}.stars:after{width:1px;height:1px;animation-delay:1s;box-shadow:120px 220px #fff,320px 120px #fff,520px 320px #fff,720px 270px #fff,920px 170px #fff,1120px 370px #fff,1320px 220px #fff,1520px 420px #fff,220px 520px #fff,420px 620px #fff,620px 720px #fff,820px 820px #fff,1020px 920px #fff,1220px 1020px #fff,1420px 1120px #fff,1620px 1220px #fff,70px 170px #fff,270px 370px #fff,470px 570px #fff,670px 770px #fff,870px 970px #fff,1070px 1170px #fff,1270px 1370px #fff,1470px 1470px #fff,170px 270px #fff,370px 470px #fff,570px 670px #fff,770px 870px #fff,970px 1070px #fff,1170px 1270px #fff,1370px 1470px #fff,1570px 1570px #fff,1820px 120px #fff,1770px 320px #fff,1670px 520px #fff,1870px 720px #fff,1720px 920px #fff,1920px 1120px #fff,1970px 1320px #fff,1820px 1520px #fff,45px 95px #fff,195px 195px #fff,395px 295px #fff,595px 395px #fff,795px 495px #fff,995px 595px #fff,1195px 695px #fff,1395px 795px #fff,1595px 895px #fff,1795px 995px #fff,1995px 1095px #fff,95px 145px #fff,295px 245px #fff,495px 345px #fff,695px 445px #fff,895px 545px #fff,1095px 645px #fff,1295px 745px #fff,1495px 845px #fff,1695px 945px #fff,1895px 1045px #fff,145px 195px #fff,345px 295px #fff,545px 395px #fff,745px 495px #fff,945px 595px #fff,1145px 695px #fff,1345px 795px #fff,1545px 895px #fff,1745px 995px #fff,1945px 1095px #fff,195px 245px #fff}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}:root{--first-color:#262223;--first-color-light:#d7d8d9;--black-color:#1a1a1a;--text-color:#a6a6a6;--body-color:#f5f6f5;--body-font:"Poppins", sans-serif;--h3-font-size:1.125rem;--smaller-font-size:.75rem}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto}.container{place-items:center;height:100vh;margin-inline:1.5rem;display:grid}.card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1a80;border:1px solid #2622234d;border-radius:1.5rem;width:320px;padding:1.5rem 2.5rem 3.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(0);box-shadow:0 4px 16px #0000004d}.card:hover{border-color:#26222380;transform:translateY(-4px);box-shadow:0 8px 32px #00000080}.card__img{border-radius:50%;width:96px}.card__border{border:2px solid var(--first-color);border-radius:50%;place-items:center;width:110px;height:110px;margin:0 auto .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid}.card__border:hover{border-color:#d7d8d9;transform:scale(1.05);box-shadow:0 0 20px #d7d8d966}.card__name{color:#d7d8d9;font-size:var(--h3-font-size);opacity:.95;text-shadow:0 1px 3px #00000080;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover .card__name{color:#fff;text-shadow:0 0 10px #d7d8d9cc,0 0 20px #d7d8d999,0 0 30px #d7d8d966,0 2px 4px #000000b3;transform:scale(1.05)}.card__profession{color:#d7d8d9;font-size:var(--smaller-font-size);opacity:.9;text-shadow:0 1px 2px #0006;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover .card__profession{color:#fff;opacity:.95;text-shadow:0 0 8px #d7d8d9cc,0 0 16px #d7d8d999,0 0 24px #d7d8d966,0 1px 3px #0009}.card__social{width:200px;text-align:initial;transform-origin:18px 17px;background-color:#262223;border:1px solid #2622234d;border-radius:3rem;margin:0 auto;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1.75rem;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.card__social:hover{background-color:#252526;border-color:#26222380;box-shadow:0 12px 32px #0009}.card__social-control{transform-origin:18px 18px;transition:transform .45s;position:relative;transform:rotate(0)}.card__social-toggle{color:#d7d8d9;cursor:pointer;z-index:10;background-color:#1a1a1a;border-radius:50%;padding:.5rem;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite pulse-glow;display:inline-flex;position:relative;transform:scale(1)}.card__social.animation .card__social-toggle{animation:none}.card__social.animation .card__social-toggle:before,.card__social.animation .card__social-toggle:after{opacity:0;animation:none}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 #d7d8d9b3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #d7d8d900}}.card__social-toggle:before{content:"";opacity:.6;border:2px solid #0000;border-top-color:#d7d8d9;border-radius:50%;animation:3s linear infinite rotate-ring;position:absolute;inset:-4px}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card__social-toggle:after{content:"";background:#d7d8d9;border-radius:50%;width:4px;height:4px;animation:4s linear infinite orbit-dots;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbit-dots{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)translate(20px)rotate(0)}25%{opacity:1}50%{opacity:1;transform:translate(-50%,-50%)rotate(90deg)translate(20px)rotate(-90deg)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(360deg)translate(20px)rotate(-360deg)}}.card__social-toggle:hover{color:#262223;background-color:#d7d8d9;transform:scale(1.15);box-shadow:0 6px 20px #d7d8d966}@media (hover:hover) and (pointer:fine){.card__social-toggle:hover:before{opacity:.8;animation-play-state:paused}.card__social-toggle:hover:after{animation-play-state:paused}}.card__social-toggle:active{transition-duration:.15s;transform:scale(.95)}.card__social-text{color:#d7d8d9;font-size:var(--smaller-font-size);text-shadow:0 1px 3px #000c;letter-spacing:.3px;opacity:.95;font-weight:600;display:block}.card__social-list{transform-origin:18px 17px;column-gap:.75rem;display:inline-flex;transform:rotate(135deg)}.card__social-link{color:#262223;background-color:#d7d8d9;border-radius:50%;padding:6px;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;transform:scale(1);box-shadow:0 2px 8px #0000001a}.card__social-link:hover{background-color:#f2f2f2;transform:scale(1.15)translateY(-2px);box-shadow:0 8px 20px #0003}.card__social-link:active{transition-duration:.15s;transform:scale(1.05)translateY(0)}.social-tooltip{color:#d7d8d9;white-space:nowrap;opacity:0;visibility:hidden;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.3px;pointer-events:none;background-color:#262223;border:1px solid #d7d8d933;border-radius:8px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:0 4px 15px #0000004d}.tooltip-arrow{opacity:0;visibility:hidden;z-index:9999;pointer-events:none;border-top:6px solid #262223;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed}.social-tooltip.instagram{background-color:#262223;box-shadow:0 4px 15px #0000004d}.tooltip-arrow.instagram{border-top-color:#262223}.social-tooltip.github{background-color:#262223;box-shadow:0 4px 15px #0000004d}.tooltip-arrow.github{border-top-color:#262223}.social-tooltip.portfolio{background-color:#262223;box-shadow:0 4px 15px #0000004d}.tooltip-arrow.portfolio{border-top-color:#262223}.card__social-text,.card__social-list{padding-left:3.1rem;position:absolute;top:0;left:0;right:0}.card__social-text{top:.5rem}.animation .card__social-control{transform:rotate(-135deg)}.card__social.animation{animation:1s ease-in-out forwards up-animation}@keyframes up-animation{0%,to{transform:rotate(0)}50%,60%{transform:rotate(-3deg)}88%{transform:rotate(1deg)}}.card__social.down-animation{animation:1s ease-in-out forwards down-animation}@keyframes down-animation{0%,to{transform:rotate(0)}50%,60%{transform:rotate(6deg)}88%{transform:rotate(-1deg)}}#space-canvas{z-index:-1;pointer-events:none;background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);width:100%;height:100%;min-height:100vh;transition:opacity .8s;position:fixed;top:0;left:0;opacity:1!important}@media (min-width:769px) and (max-width:1024px){.container{margin-inline:1.5rem}.card{width:300px;padding:1.5rem 2.25rem 3.25rem}.card__social{width:190px}.card__social-link{padding:5px;font-size:1.1rem}.card__border{width:105px;height:105px}.card__img{width:92px}}@media (max-width:768px){.container{margin-inline:1.5rem}.card{width:320px;max-width:none;padding:1.5rem 2.5rem 3.5rem}.card__social{width:200px}#space-canvas{height:100%;min-height:100vh;position:fixed;inset:0}.card__social-toggle{animation:2s ease-in-out infinite pulse-glow}.card__social-toggle:before{opacity:.6;animation:3s linear infinite rotate-ring}.card__social-toggle:after{animation:4s linear infinite orbit-dots}.card__social.animation .card__social-toggle{animation:none}.card__social.animation .card__social-toggle:before,.card__social.animation .card__social-toggle:after{opacity:0;animation:none}}