.grass {
  background: radial-gradient(
    circle,
    rgba(68, 184, 83, 1) 37%,
    rgba(71, 168, 56, 1) 64%,
    rgba(17, 138, 21, 0.92) 100%
  );
}
.water {
  background: radial-gradient(
    circle,
    rgba(58, 152, 180, 1) 37%,
    rgba(49, 106, 207, 1) 64%,
    rgba(33, 29, 253, 0.92) 100%
  );
}
.fire {
  background: radial-gradient(
    circle,
    rgba(214, 209, 54, 1) 0%,
    rgba(217, 145, 37, 0.87) 33%,
    rgba(230, 23, 16, 0.92) 75%
  );
}
.water {
  background: radial-gradient(
    circle,
    rgba(58, 152, 180, 1) 37%,
    rgba(49, 106, 207, 1) 64%,
    rgba(33, 29, 253, 0.92) 100%
  );
}
.bug {
  background: radial-gradient(
    circle,
    rgba(99, 35, 3, 1) 10%,
    rgba(47, 163, 47, 0.87) 50%,
    rgba(230, 230, 16, 0.92) 88%
  );
}
.normal {
  background: radial-gradient(
    circle,
    rgba(79, 74, 71, 1) 10%,
    rgba(110, 109, 107, 0.87) 50%,
    rgba(212, 212, 210, 0.92) 88%
  );
}
.poison {
  background: radial-gradient(
    circle,
    rgba(145, 30, 232, 1) 10%,
    rgba(86, 51, 158, 0.87) 50%,
    rgba(40, 6, 84, 0.92) 88%
  );
}
.electric {
  background: radial-gradient(
    circle,
    rgba(255, 209, 43, 1) 10%,
    rgba(255, 245, 59, 0.87) 50%,
    rgba(255, 219, 87, 0.92) 88%
  );
}
.ground {
  background: radial-gradient(
    circle,
    rgba(173, 117, 31, 1) 10%,
    rgba(240, 121, 53, 0.87) 50%,
    rgba(194, 87, 33, 0.92) 88%
  );
}
.fairy {
  background: radial-gradient(
    circle,
    rgba(235, 182, 242, 1) 10%,
    rgba(235, 124, 214, 0.87) 50%,
    rgba(217, 61, 245, 0.92) 88%
  );
}
.fighting {
  background: radial-gradient(
    circle,
    rgba(78, 89, 156, 1) 0%,
    rgba(154, 154, 156, 1) 100%
  );
}
.psychic {
  background: radial-gradient(
    circle,
    rgba(32, 16, 33, 1) 10%,
    rgba(143, 54, 127, 0.87) 50%,
    rgba(100, 15, 115, 0.92) 88%
  );
}
.rock {
  background: radial-gradient(
    circle,
    rgba(77, 32, 5, 1) 10%,
    rgba(77, 46, 12, 0.87) 50%,
    rgba(115, 72, 15, 0.92) 88%
  );
}
.ghost {
  background: radial-gradient(
    circle,
    rgba(15, 6, 0, 1) 10%,
    rgba(36, 29, 25, 0.87) 50%,
    rgba(46, 46, 46, 0.92) 88%
  );
}
.ice {
  background: radial-gradient(
    circle,
    rgba(32, 227, 188, 1) 10%,
    rgba(103, 245, 245, 0.87) 50%,
    rgba(163, 236, 240, 0.92) 88%
  );
}
.dragon {
  background: radial-gradient(
    circle,
    rgba(18, 4, 2, 1) 10%,
    rgba(224, 135, 96, 0.87) 50%,
    rgba(219, 71, 66, 0.92) 88%
  );
}
.steel {
  background: radial-gradient(
    circle,
    rgba(10, 10, 10, 0.89) 12%,
    rgba(115, 115, 115, 0.93) 56%,
    rgba(156, 156, 156, 1) 74%
  );
}
.dark {
  background: radial-gradient(
    circle,
    rgba(87, 87, 87, 0.89) 30%,
    rgba(255, 255, 255, 0.93) 38%,
    rgba(87, 87, 87, 1) 52%
  );
}