.type-normal {
  background: linear-gradient(180deg, #a8a77a 0%, #8b8b63 100%);
}

.type-fire {
  background: linear-gradient(180deg, #ee8130 0%, #d45f13 100%);
}

.type-water {
  background: linear-gradient(180deg, #6390f0 0%, #3d6bd1 100%);
}

.type-electric {
  background: linear-gradient(180deg, #f7d02c 0%, #d3aa00 100%);
}

.type-grass {
  background: linear-gradient(180deg, #7ac74c 0%, #4d9f21 100%);
}

.type-ice {
  background: linear-gradient(180deg, #96d9d6 0%, #59bdb8 100%);
}

.type-fighting {
  background: linear-gradient(180deg, #c22e28 0%, #8f1712 100%);
}

.type-poison {
  background: linear-gradient(180deg, #a33ea1 0%, #7d227b 100%);
}

.type-ground {
  background: linear-gradient(180deg, #e2bf65 0%, #c39d3f 100%);
}

.type-flying {
  background: linear-gradient(180deg, #a98ff3 0%, #7a63c2 100%);
}

.type-psychic {
  background: linear-gradient(180deg, #f95587 0%, #d92c63 100%);
}

.type-bug {
  background: linear-gradient(180deg, #a6b91a 0%, #7d8e00 100%);
}

.type-rock {
  background: linear-gradient(180deg, #b6a136 0%, #8a7720 100%);
}

.type-ghost {
  background: linear-gradient(180deg, #735797 0%, #523777 100%);
}

.type-dragon {
  background: linear-gradient(180deg, #6f35fc 0%, #4d1bc9 100%);
}

.type-dark {
  background: linear-gradient(180deg, #705746 0%, #4e3829 100%);
}

.type-steel {
  background: linear-gradient(180deg, #b7b7ce 0%, #8b8ba4 100%);
}

.type-fairy {
  background: linear-gradient(180deg, #d685ad 0%, #b85b89 100%);
}