:root{--font-family: "Inter", sans-serif;--font-regular: 400;--font-semibold: 600;--font-bold: 700;--size-20: 20px;--size-14: 14px;--size-12: 12px;--color-green: hsl(75, 94%, 57%);--color-white: hsl(0, 0%, 100%);--color-white-opacity: rgba(255, 255, 255, .7);--color-gray-700: hsl(0, 0%, 20%);--color-gray-800: hsl(0, 0%, 12%);--color-gray-900: hsl(0, 0%, 8%);--color-primary: var(--color-gray-900);--color-secondary: var(--color-gray-700);--color-primary-background: #141414;--color-secondary-background: #1F1F1F;--color-tertiary-background: #333333;--space-70: 70px;--space-30: 30px;--space-20: 20px;--space-15: 15px;--space-10: 10px;--space-2: 2px;--radius-16: 16px;--radius-8: 8px;--card-max-width: 400px}*{margin:0;padding:0;box-sizing:border-box}.app{height:100vh;width:100vw;background-color:var(--color-primary-background);font-family:var(--font-family);display:flex;justify-content:center;align-items:center}.social-links-profile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-10);background-color:var(--color-secondary-background);padding:var(--space-30);margin:var(--space-10);color:var(--color-white);width:100%;max-width:var(--card-max-width);border-radius:var(--radius-16)}.social-links-profile .avatar-image{width:var(--space-70);border-radius:50%;margin-bottom:var(--space-20)}.social-links-profile .name{font-size:var(--size-20)}.social-links-profile .city{color:var(--color-green);font-size:var(--size-12);margin-bottom:var(--space-20)}.social-links-profile .motto{font-size:var(--size-14);color:var(--color-white-opacity);margin-bottom:var(--space-10);text-align:center}.social-links-profile .links{display:flex;flex-direction:column;gap:var(--space-10);width:100%}.social-links-profile .links .link{background-color:var(--color-tertiary-background);text-align:center;color:var(--color-white);text-decoration:none;padding:var(--space-15);border-radius:var(--radius-8);font-size:var(--size-14)}.social-links-profile .links .link:hover{background-color:var(--color-green);color:var(--color-primary-background)}