body{background-color:#34353a;font-family:Sora,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0}.page-wrapper{width:100%;height:100vh;margin-left:auto;margin-right:auto}.profile-card{background-color:#4b4c50;color:#fff;position:relative;height:100%}.top-icons{position:absolute;top:1.25rem;right:1.25rem;z-index:10}#shareButton{width:2rem;height:2rem;background-color:rgba(107,114,128,.5);border-radius:9999px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:#fff}.card-content{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem 1rem}.avatar-container{width:6rem;height:6rem;margin-bottom:1rem}.link-card,.links-container{width:100%}.avatar-img{width:100%;height:100%;border-radius:9999px;object-fit:cover;border:2px solid #fff}.profile-title{font-size:1.5rem;line-height:2rem;font-weight:700}.footer-link,.link-card{font-weight:600;text-decoration:none}.profile-description{font-size:.875rem;line-height:1.25rem;color:#d1d5db;margin-top:.25rem}.social-links{display:flex;margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.5rem;line-height:2rem;color:#e5e7eb}.social-links>:not([hidden])~:not([hidden]){margin-left:1.25rem}.social-icon{transition:color .2s ease-in-out,transform .2s ease-in-out;text-decoration:none;color:inherit}.social-icon:hover{transform:scale(1.2)}.links-container>:not([hidden])~:not([hidden]){margin-top:.75rem}.link-card{background-color:#f3f4f6;color:#1f2937;transition:transform .2s ease-in-out;display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.75rem;box-sizing:border-box}.link-card:hover{transform:scale(1.03)}.link-title{flex-grow:1;margin-right:1rem;word-break:break-word}.share-link-button{background:0 0;border:none;cursor:pointer;padding:.5rem;flex-shrink:0}.options-icon{color:#6b7280}.card-footer{text-align:center;padding-bottom:1rem;padding-top:1rem}.footer-link{color:#fff}.footer-link:hover{text-decoration:underline}@media (min-width:640px){body{padding:1rem}.page-wrapper{height:auto;max-width:24rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.profile-card{border-radius:1.5rem}}