.avatar{align-items:center;aspect-ratio:1/1;background-color:var(--color-orange);border-radius:100%;color:var(--color-darkestblue);display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-secondary-medium);height:100%;justify-content:center;line-height:var(--lineHeight-md);text-transform:uppercase;width:100%}@media screen and (min-width:577px){.avatar{font-size:var(--font-size-md)}}