.card-wrapper{justify-content:center;align-items:center;display:flex}.hero-card{--font-color:#f8fafc;--font-color-sub:#cbd5e1;--bg-color:#0f172a99;--main-color:var(--color-primary);background:var(--bg-color);border:2px solid var(--main-color);width:280px;height:340px;box-shadow:4px 4px var(--main-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-card-photo{background-color:#ccc;background-image:radial-gradient(circle,#00000026 50%,#0000 50.8%),radial-gradient(circle,#ffdab9 50%,#ffdab900 50.8%),radial-gradient(circle,#8b4513 50%,#8b451300 50.8%),radial-gradient(circle,#00000026 50%,#0000 50.8%),radial-gradient(circle,#ffdab9 50%,#ffdab900 50.8%),radial-gradient(circle,#8b4513 50%,#8b451300 50.8%),radial-gradient(circle at 50% 0,#ffdab9 29.5%,#8b4513 30% 35%,#8b451300 35.5%),radial-gradient(at 50% 100%,#8b451300 49%,#8b4513 49.5% 52%,#8b451300 52.5%),radial-gradient(circle at 50% 0,#fff0 35%,#fff 35% 45%,#fff0 45.5%),linear-gradient(#8b4513,#8b4513),linear-gradient(#8b4513,#8b4513),linear-gradient(80deg,#0000 50%,#333 50.5%),linear-gradient(-80deg,#0000 50%,#333 50.5%),linear-gradient(162deg,#0000 10%,#333 10%),linear-gradient(-162deg,#0000 10%,#333 10%),radial-gradient(at 100% 100%,#556b2f 50%,#556b2f00 50.5%),radial-gradient(at 0 100%,#556b2f 50%,#556b2f00 50.5%),radial-gradient(at 50% 100%,#222 51%,#0000 51.5%),radial-gradient(circle at 50% 0,#00000026 40%,#0000 40.5%),linear-gradient(90deg,#8b4513 4px,#8b451300 4px),linear-gradient(270deg,#8b4513 4px,#8b451300 4px),linear-gradient(#ffdab9,#ffdab9),linear-gradient(#48240a,#48240a),radial-gradient(circle,#fff 30%,#fff0 62%);background-position:14% 30%,10% 30%,7.5% 29%,86% 30%,90% 30%,92.5% 29%,50% 95%,50% 110%,50% 89%,37% 100%,63% 100%,24% 100%,76% 100%,30% 100%,70% 100%,0 100%,100% 100%,50% 110%,50% 82%,50% 80%,50% 80%,50% 80%,50% 100%,50%;background-repeat:no-repeat;background-size:11% 11%,16% 16%,20% 20%,11% 11%,16% 16%,20% 20%,40% 20%,120% 40%,40% 13%,.25em 22%,.25em 22%,1em 18%,1em 18%,1.5em 21%,1.5em 21%,37% 29%,37% 29%,120% 40%,20% 20%,20% 20%,20% 20%,20% 20%,65% 60%,100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:30%;width:250px;height:250px;margin-top:-125px;margin-left:-125px;transform:scale(.3)translate(220px,230px)}.hero-card-title{text-align:center;color:var(--font-color);margin-top:-10px;font-family:inherit;font-size:20px;font-weight:600}.hero-card-title span{color:var(--font-color-sub);font-size:15px;font-weight:400}.hero-card-socials{opacity:0;gap:20px;height:0;margin-top:15px;transition:all .5s;display:flex}.hero-card-socials-btn{cursor:pointer;background:0 0;border:none;width:28px;height:28px;padding:0}.hero-card-socials-btn svg{width:100%;height:100%;fill:var(--main-color)}.hero-card:hover>.hero-card-socials{opacity:1;height:35px}.hero-card-socials-btn:hover{transition:all .15s;transform:translateY(-5px)}.hero-card-photo:hover{transition:all .3s;transform:scale(.4)translate(160px,150px)}