.bg-normal {
  background-color: #A8A77A;
}

.bg-fire {
  background-color: #ee3d30;
}

.bg-water {
  background-color: #6390F0;
}

.bg-electric {
  background-color: #F7D02C;
}

.bg-grass {
  background-color: #7AC74C;
}

.bg-ice {
  background-color: #96D9D6;
}

.bg-fighting {
  background-color: #844644;
}

.bg-poison {
  background-color: #A33EA1;
}

.bg-ground {
  background-color: #E2BF65;
}

.bg-flying {
  background-color: #A98FF3;
}

.bg-psychic {
  background-color: #F95587;
}

.bg-bug {
  background-color: #A6B91A;
}

.bg-rock {
  background-color: #B6A136;
}

.bg-ghost {
  background-color: #735797;
}

.bg-dragon {
  background-color: #6F35FC;
}

.bg-dark {
  background-color: #705746;
}

.bg-steel {
  background-color: #B7B7CE;
}

.bg-fairy {
  background-color: #D685AD;
}

/* + border radius */

.bg-normal-border {
  background-color: #A8A77A;
  border-radius: 20px;
}

.bg-fire-border {
  background-color: #ee3d30;
  border-radius: 20px;
}

.bg-water-border {
  background-color: #6390F0;
  border-radius: 20px;
}

.bg-electric-border {
  background-color: #F7D02C;
  border-radius: 20px;
}

.bg-grass-border {
  background-color: #7AC74C;
  border-radius: 20px;
}

.bg-ice-border {
  background-color: #96D9D6;
  border-radius: 20px;
}

.bg-fighting-border {
  background-color: #844644;
  border-radius: 20px;
}

.bg-poison-border {
  background-color: #A33EA1;
  border-radius: 20px;
}

.bg-ground-border {
  background-color: #E2BF65;
  border-radius: 20px;
}

.bg-flying-border {
  background-color: #A98FF3;
  border-radius: 20px;
}

.bg-psychic-border {
  background-color: #F95587;
  border-radius: 20px;
}

.bg-bug-border {
  background-color: #A6B91A;
  border-radius: 20px;
}

.bg-rock-border {
  background-color: #B6A136;
  border-radius: 20px;
}

.bg-ghost-border {
  background-color: #735797;
  border-radius: 20px;
}

.bg-dragon-border {
  background-color: #6F35FC;
  border-radius: 20px;
}

.bg-dark-border {
  background-color: #705746;
  border-radius: 20px;
}

.bg-steel-border {
  background-color: #B7B7CE;
  border-radius: 20px;
}

.bg-fairy-border {
  background-color: #D685AD;
  border-radius: 20px;
}