.avatar{width:50px;height:50px;border-radius:50%;margin:10px;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#000;font-size:20px;font-weight:700;text-transform:uppercase;border:1px solid #000;cursor:pointer;transition:all .3s ease}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.small{width:30px;height:30px;font-size:14px}.avatar.medium{width:40px;height:40px;font-size:16px}.avatar.large{width:60px;height:60px;font-size:24px}