@font-face{font-family:Inter Variable;src:url(./fonts/Inter-VariableFont_slnt,wght.ttf) format("truetype");font-weight:100 900;font-style:normal}:root{--clr-grey-900: hsl(0, 0%, 8%);--clr-grey-800: hsl(0, 0%, 12%);--clr-grey-700: hsl(0, 0%, 20%);--clr-white: hsl(0, 0%, 100%);--clr-green: hsl(75, 94%, 57%);--ff-base: "Inter Variable", sans-serif;--fw-regular: 400;--fw-semi-bold: 600;--fw-bold: 700;--fs-large: 1.5rem;--fs-medium: 1rem;--fs-small: .875rem;--sp-500: 2.5rem;--sp-400: 2rem;--sp-300: 1.5rem;--sp-200: 1rem;--sp-150: .75rem;--sp-100: .5rem;--sp-50: .25rem;--card-max-width: 24rem;--card-border-radius: 1.25rem;--link-border-radius: .5rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--ff-base)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}.wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding-inline:var(--sp-300);background-color:var(--clr-grey-900)}.card{max-width:var(--card-max-width);border-radius:var(--card-border-radius);background-color:var(--clr-grey-800);padding:var(--sp-500);display:flex;flex-direction:column;align-items:center}.card-header{display:flex;flex-direction:column;align-items:center}.card-avatar{height:5.625rem;width:5.625rem;border-radius:50%;margin-block-end:var(--sp-300)}.card-heading{color:var(--clr-white);font-weight:var(--fw-regular);font-size:var(--fs-large);text-align:center;letter-spacing:.0313rem}.card-address{color:var(--clr-green);font-style:normal;font-weight:var(--fw-semi-bold);text-align:center;font-size:var(--fs-small)}.card-quote{color:var(--clr-white);text-align:center;margin-block:var(--sp-300);font-size:var(--fs-small)}.card-nav-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-200)}.card-nav-li,.card-nav{width:100%}.card-nav-link{background-color:var(--clr-grey-700);color:var(--clr-white);font-weight:var(--fw-semi-bold);font-size:var(--fs-small);display:block;text-align:center;padding-block:var(--sp-150);width:100%;border-radius:var(--link-border-radius);text-decoration:none}.card-nav-link:hover{background-color:var(--clr-green);color:var(--clr-grey-900)}