/* avatar.css — iniciales sobre un color derivado del nombre (ver
   `avatar.js`, aquí al lado). No hay fotos en la página, y eso es una decisión, no
   una falta: una foto de una persona exige moderación desde el primer día. */

.avatar{
  width:3rem; height:3rem; flex:0 0 auto; border-radius:50%;
  display:grid; place-items:center; font-weight:700; font-size:1.05rem;
  color:#fff; letter-spacing:.02em;
}
.avatar.grande{width:4.5rem; height:4.5rem; font-size:1.5rem}
.avatar.chico{width:2.25rem; height:2.25rem; font-size:.8rem}