.avatarlogo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 28px;
  font-weight: bold;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  text-transform: uppercase;
  user-select: none;
  font-family: Arial, sans-serif;
}

/* Letters A to Z */
.avatar-a { background-color: #e74c3c; }
.avatar-b { background-color: #8e44ad; }
.avatar-c { background-color: #3498db; }
.avatar-d { background-color: #16a085; }
.avatar-e { background-color: #f39c12; }
.avatar-f { background-color: #d35400; }
.avatar-g { background-color: #2c3e50; }
.avatar-h { background-color: #27ae60; }
.avatar-i { background-color: #1abc9c; }
.avatar-j { background-color: #2980b9; }
.avatar-k { background-color: #9b59b6; }
.avatar-l { background-color: #e67e22; }
.avatar-m { background-color: #34495e; }
.avatar-n { background-color: #c0392b; }
.avatar-o { background-color: #7f8c8d; }
.avatar-p { background-color: #f1c40f; }
.avatar-q { background-color: #e84393; }
.avatar-r { background-color: #00cec9; }
.avatar-s { background-color: #6c5ce7; }
.avatar-t { background-color: #fd79a8; }
.avatar-u { background-color: #00b894; }
.avatar-v { background-color: #0984e3; }
.avatar-w { background-color: #d63031; }
.avatar-x { background-color: #e17055; }
.avatar-y { background-color: #74b9ff; }
.avatar-z { background-color: #fab1a0; }

/* Numbers 0 to 9 */
.avatar-0 { background-color: #2ecc71; }
.avatar-1 { background-color: #1abc9c; }
.avatar-2 { background-color: #3498db; }
.avatar-3 { background-color: #9b59b6; }
.avatar-4 { background-color: #f1c40f; }
.avatar-5 { background-color: #e67e22; }
.avatar-6 { background-color: #e74c3c; }
.avatar-7 { background-color: #34495e; }
.avatar-8 { background-color: #16a085; }
.avatar-9 { background-color: #95a5a6; }