:root{--color-green: hsl(75, 94%, 57%);--color-white: hsl(0, 0%, 100%);--color-grey-700: hsl(0, 0%, 20%);--color-grey-800: hsl(0, 0%, 12%);--color-grey-900: hsl(0, 0%, 8%);--layout-mobile: 23.4375rem;--layout-desktop: 90rem;--font-size-paragraph: .875rem;--font-family: "Inter";--font-weights-400: 400;--font-weights-600: 600;--font-weights-700: 700}@font-face{font-family:Inter;src:url(/social-links-profile-solution/assets/Inter-VariableFont_slnt_wght-Cl4AQHp9.ttf)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400;list-style:none}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family),sans-serif;font-weight:var(--font-weights-400);color:var(--color-white);background-color:var(--color-grey-900)}p{font-size:var(--font-size-paragraph)}#app{margin:0 auto;font-weight:400}.p-main{color:var(--color-white);inline-size:100%;max-inline-size:var(--layout-desktop);min-block-size:100vh;margin:0 auto;padding-block-start:10.85rem;padding-inline:1.5rem}.c-profile{background-color:var(--color-grey-800);inline-size:100%;max-inline-size:24rem;border-radius:.8rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:2.6rem;padding-inline:2.4rem;margin:0 auto}.c-profile__header{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.c-profile__image-avatar{inline-size:5.4rem;block-size:5.4rem;border-radius:100%}.c-profile__informations{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.c-profile__user-name{font-size:1.5rem;font-weight:var(--font-weights-600)}.c-profile__user-adress{font-weight:var(--font-weights-700);color:var(--color-green)}.c-profile__description{margin-block-start:1.8rem;text-align:center}.c-profile__links-container{inline-size:100%;display:flex;flex-direction:column;gap:1rem;margin-block-start:1.6rem}.c-profile__link{background-color:var(--color-grey-700);inline-size:100%;block-size:2.8rem;display:flex;justify-content:center;align-items:center;border-radius:.4rem;font-size:var(--font-size-paragraph);font-weight:var(--font-weights-700);cursor:pointer}.c-profile__link:hover{background-color:var(--color-green);color:var(--color-grey-900)}.attribution{font-size:.8rem;text-align:center;background-color:var(--color-grey-900);padding:2rem;font-family:monospace}.attribution a{color:#3e52a3}