body{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url('./bg1/pattern.svg')}.user-profile-card-item{position:relative;overflow:hidden;box-shadow:rgba(0,0,0,.15) 0 2px 8px;background-color:#171717;margin-block-end:30px;text-align:center;width:400px;border-radius:10px;margin:24px}.card-item1::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;block-size:180px;-webkit-clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,50% 82%,0 100%);clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,50% 82%,0 100%);background-color:#004459}.card-item2::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;block-size:180px;-webkit-clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,50% 82%,0 100%);clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,50% 82%,0 100%);background-color:#590054}.user-profile-card-img{width:130px;block-size:130px;border-radius:50%;overflow:hidden;border:3px solid #000;margin:20px auto 0;position:relative;z-index:1}.user-profile-card-img img{width:100%;height:100%;object-fit:cover;object-position:center}.user-profile-content-item{padding-inline:15px;padding-block-end:15px}.user-profile-card-name-info{margin:15px 0 10px}.user-profile-card-name{font-size:18px;text-transform:uppercase;line-height:1;margin-block-end:5px;letter-spacing:1px;font-weight:400}.user-profile-card-username{font-size:13px;text-transform:uppercase;font-style:italic;color:#777}.user-profile-card-adress{display:inline-flex;font-weight:400;font-size:12px;color:#6c6c6c;margin-block-end:20px;line-height:1.5;align-items:center;margin-left:30px;margin-right:30px}.user-profile-adress-title{font-style:normal;font-size:18px;margin-inline-end:6px}.user-profile-card-status{display:block;margin-block-end:10px}.user-profile-state-area{display:inline-block;align-items:center;flex-direction:column;margin-inline-end:6px;margin-block-end:5px;border-inline-end:2px solid #000;padding-inline-end:7px}.user-profile-stat{font-weight:600;font-size:20px;color:#777;margin-block-end:3px}.user-profile-label{font-weight:400;margin-block-start:0;text-transform:capitalize;color:#777;font-size:11px}.user-profile-card-share-link{display:block;margin-block-end:10px;display:flex;justify-content:center;align-items:center;margin-top:24px}.user-profile-card-share-link i{color:#464646;font-size:16px;block-size:45px;width:55px;border-radius:30% 70% 70% 30%/30% 45% 55% 70%;display:flex;justify-content:center;align-items:center;transition:0.3s linear;background-color:#000;margin:3px}