.psy {
  color: #ff46d9;
}

.mech {
  color: #36d9fd;
}

.bio {
  color: #feb22d;
}

.img {
  color: #ddbc7e;
}

.qua {
  color: #9877fe;
}

.sd {
  color: #e29998;
}

.fire {
  color: #fe7b79;
}

.ice {
  color: #00E0B4;
}

.lightning {
  color: #f5d800;
}

.physical {
  color: #fca248;
}

@media (prefers-color-scheme: dark) {

  .img {
    color: #fbd48e;
  }

  .sd {
    color: #feadab;
  }

  .ice {
    color: #78ffe3;
  }

  .lightning {
    color: #ffef7b;
  }
}