!result.md

The Problem

I wanted to use a background gradient to represent the types of a Pokémon. There are 18 possible Pokémon types. Pokémon can have one type and some have two types. This leads to roughly 324 combinations (When a Pokémon is one type I simply double that type) or 171 combinations (18 as a triangular number) if I order the types.

The Result

Static Image: Pokemon Types Live: http://attackdex.herokuapp.com/

The Method

• Option 1: Use Photoshop to generate all combinations

• Option 2: Try and programmatically stitch together 18 type images in all the combinations with Image Magick

• option 3: Use ruby to generate a CSS file that represented all the combinations

• option 4: Use SASS lists

I opted to use SASS. I hadn't used SASS before except to specify a few variables. It was not until this challenge that I learned the power of lists.

The first file that follows is the generated CSS which ways in roughly around ~1000 lines. After the file is the SASS file used to generate that file ~40 lines.

attack-and-type.css

/* ... generate each attack color class ... */
.normal {
  background-color: #a8a878; }

.fighting {
  background-color: #c03028; }

.flying {
  background-color: #a890f0; }

.poison {
  background-color: #a040a0; }

.ground {
  background-color: #e0c068; }

.rock {
  background-color: #b8a038; }

.bug {
  background-color: #a8b820; }

.ghost {
  background-color: #705898; }

.steel {
  background-color: #b8b8d0; }

.fire {
  background-color: #f08030; }

.water {
  background-color: #6890f0; }

.grass {
  background-color: #78c850; }

.electric {
  background-color: #f8d030; }

.psychic {
  background-color: #f85888; }

.ice {
  background-color: #98d8d8; }

.dragon {
  background-color: #7038f8; }

.dark {
  background-color: #705848; }

.fairy {
  background-color: #ee99ac; }

/* ... generate each dual type gradient class ... */
.normal-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.normal-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.normal-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.normal-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.normal-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.normal-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.normal-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.normal-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.normal-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.normal-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.normal-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.normal-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.normal-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.normal-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.normal-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.normal-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.normal-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.normal-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a878), color-stop(10%, rgba(168, 168, 120, 0.8)), color-stop(25%, rgba(168, 168, 120, 0.7)), color-stop(40%, rgba(168, 168, 120, 0.2)), color-stop(50%, rgba(168, 168, 120, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.fighting-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.fighting-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.fighting-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.fighting-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.fighting-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.fighting-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.fighting-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.fighting-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.fighting-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.fighting-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.fighting-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.fighting-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.fighting-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.fighting-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.fighting-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.fighting-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.fighting-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.fighting-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c03028), color-stop(10%, rgba(192, 48, 40, 0.8)), color-stop(25%, rgba(192, 48, 40, 0.7)), color-stop(40%, rgba(192, 48, 40, 0.2)), color-stop(50%, rgba(192, 48, 40, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.flying-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.flying-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.flying-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.flying-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.flying-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.flying-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.flying-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.flying-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.flying-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.flying-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.flying-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.flying-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.flying-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.flying-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.flying-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.flying-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.flying-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.flying-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a890f0), color-stop(10%, rgba(168, 144, 240, 0.8)), color-stop(25%, rgba(168, 144, 240, 0.7)), color-stop(40%, rgba(168, 144, 240, 0.2)), color-stop(50%, rgba(168, 144, 240, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.poison-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.poison-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.poison-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.poison-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.poison-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.poison-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.poison-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.poison-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.poison-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.poison-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.poison-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.poison-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.poison-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.poison-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.poison-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.poison-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.poison-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.poison-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a040a0), color-stop(10%, rgba(160, 64, 160, 0.8)), color-stop(25%, rgba(160, 64, 160, 0.7)), color-stop(40%, rgba(160, 64, 160, 0.2)), color-stop(50%, rgba(160, 64, 160, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.ground-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.ground-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.ground-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.ground-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.ground-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.ground-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.ground-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.ground-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.ground-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.ground-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.ground-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.ground-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.ground-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.ground-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.ground-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.ground-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.ground-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.ground-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c068), color-stop(10%, rgba(224, 192, 104, 0.8)), color-stop(25%, rgba(224, 192, 104, 0.7)), color-stop(40%, rgba(224, 192, 104, 0.2)), color-stop(50%, rgba(224, 192, 104, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.rock-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.rock-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.rock-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.rock-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.rock-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.rock-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.rock-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.rock-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.rock-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.rock-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.rock-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.rock-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.rock-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.rock-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.rock-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.rock-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.rock-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.rock-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a038), color-stop(10%, rgba(184, 160, 56, 0.8)), color-stop(25%, rgba(184, 160, 56, 0.7)), color-stop(40%, rgba(184, 160, 56, 0.2)), color-stop(50%, rgba(184, 160, 56, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.bug-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.bug-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.bug-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.bug-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.bug-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.bug-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.bug-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.bug-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.bug-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.bug-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.bug-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.bug-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.bug-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.bug-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.bug-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.bug-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.bug-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.bug-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8b820), color-stop(10%, rgba(168, 184, 32, 0.8)), color-stop(25%, rgba(168, 184, 32, 0.7)), color-stop(40%, rgba(168, 184, 32, 0.2)), color-stop(50%, rgba(168, 184, 32, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.ghost-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.ghost-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.ghost-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.ghost-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.ghost-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.ghost-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.ghost-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.ghost-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.ghost-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.ghost-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.ghost-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.ghost-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.ghost-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.ghost-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.ghost-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.ghost-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.ghost-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.ghost-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705898), color-stop(10%, rgba(112, 88, 152, 0.8)), color-stop(25%, rgba(112, 88, 152, 0.7)), color-stop(40%, rgba(112, 88, 152, 0.2)), color-stop(50%, rgba(112, 88, 152, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.steel-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.steel-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.steel-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.steel-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.steel-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.steel-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.steel-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.steel-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.steel-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.steel-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.steel-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.steel-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.steel-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.steel-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.steel-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.steel-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.steel-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.steel-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8d0), color-stop(10%, rgba(184, 184, 208, 0.8)), color-stop(25%, rgba(184, 184, 208, 0.7)), color-stop(40%, rgba(184, 184, 208, 0.2)), color-stop(50%, rgba(184, 184, 208, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.fire-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.fire-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.fire-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.fire-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.fire-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.fire-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.fire-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.fire-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.fire-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.fire-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.fire-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.fire-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.fire-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.fire-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.fire-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.fire-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.fire-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.fire-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f08030), color-stop(10%, rgba(240, 128, 48, 0.8)), color-stop(25%, rgba(240, 128, 48, 0.7)), color-stop(40%, rgba(240, 128, 48, 0.2)), color-stop(50%, rgba(240, 128, 48, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.water-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.water-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.water-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.water-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.water-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.water-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.water-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.water-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.water-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.water-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.water-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.water-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.water-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.water-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.water-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.water-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.water-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.water-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6890f0), color-stop(10%, rgba(104, 144, 240, 0.8)), color-stop(25%, rgba(104, 144, 240, 0.7)), color-stop(40%, rgba(104, 144, 240, 0.2)), color-stop(50%, rgba(104, 144, 240, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.grass-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.grass-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.grass-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.grass-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.grass-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.grass-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.grass-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.grass-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.grass-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.grass-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.grass-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.grass-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.grass-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.grass-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.grass-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.grass-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.grass-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.grass-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c850), color-stop(10%, rgba(120, 200, 80, 0.8)), color-stop(25%, rgba(120, 200, 80, 0.7)), color-stop(40%, rgba(120, 200, 80, 0.2)), color-stop(50%, rgba(120, 200, 80, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.electric-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.electric-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.electric-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.electric-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.electric-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.electric-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.electric-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.electric-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.electric-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.electric-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.electric-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.electric-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.electric-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.electric-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.electric-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.electric-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.electric-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.electric-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d030), color-stop(10%, rgba(248, 208, 48, 0.8)), color-stop(25%, rgba(248, 208, 48, 0.7)), color-stop(40%, rgba(248, 208, 48, 0.2)), color-stop(50%, rgba(248, 208, 48, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.psychic-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.psychic-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.psychic-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.psychic-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.psychic-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.psychic-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.psychic-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.psychic-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.psychic-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.psychic-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.psychic-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.psychic-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.psychic-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.psychic-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.psychic-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.psychic-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.psychic-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.psychic-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85888), color-stop(10%, rgba(248, 88, 136, 0.8)), color-stop(25%, rgba(248, 88, 136, 0.7)), color-stop(40%, rgba(248, 88, 136, 0.2)), color-stop(50%, rgba(248, 88, 136, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.ice-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.ice-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.ice-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.ice-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.ice-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.ice-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.ice-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.ice-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.ice-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.ice-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.ice-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.ice-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.ice-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.ice-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.ice-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.ice-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.ice-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.ice-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98d8d8), color-stop(10%, rgba(152, 216, 216, 0.8)), color-stop(25%, rgba(152, 216, 216, 0.7)), color-stop(40%, rgba(152, 216, 216, 0.2)), color-stop(50%, rgba(152, 216, 216, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.dragon-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.dragon-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.dragon-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.dragon-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.dragon-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.dragon-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.dragon-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.dragon-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.dragon-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.dragon-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.dragon-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.dragon-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.dragon-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.dragon-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.dragon-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.dragon-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.dragon-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.dragon-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7038f8), color-stop(10%, rgba(112, 56, 248, 0.8)), color-stop(25%, rgba(112, 56, 248, 0.7)), color-stop(40%, rgba(112, 56, 248, 0.2)), color-stop(50%, rgba(112, 56, 248, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.dark-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.dark-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.dark-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.dark-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.dark-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.dark-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.dark-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.dark-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.dark-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.dark-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.dark-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.dark-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.dark-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.dark-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.dark-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.dark-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.dark-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.dark-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #705848), color-stop(10%, rgba(112, 88, 72, 0.8)), color-stop(25%, rgba(112, 88, 72, 0.7)), color-stop(40%, rgba(112, 88, 72, 0.2)), color-stop(50%, rgba(112, 88, 72, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

.fairy-and-normal {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(168, 168, 120, 0)), color-stop(60%, rgba(168, 168, 120, 0.2)), color-stop(75%, rgba(168, 168, 120, 0.7)), color-stop(90%, rgba(168, 168, 120, 0.8)), color-stop(100%, #a8a878)); }

.fairy-and-fighting {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(192, 48, 40, 0)), color-stop(60%, rgba(192, 48, 40, 0.2)), color-stop(75%, rgba(192, 48, 40, 0.7)), color-stop(90%, rgba(192, 48, 40, 0.8)), color-stop(100%, #c03028)); }

.fairy-and-flying {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(168, 144, 240, 0)), color-stop(60%, rgba(168, 144, 240, 0.2)), color-stop(75%, rgba(168, 144, 240, 0.7)), color-stop(90%, rgba(168, 144, 240, 0.8)), color-stop(100%, #a890f0)); }

.fairy-and-poison {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(160, 64, 160, 0)), color-stop(60%, rgba(160, 64, 160, 0.2)), color-stop(75%, rgba(160, 64, 160, 0.7)), color-stop(90%, rgba(160, 64, 160, 0.8)), color-stop(100%, #a040a0)); }

.fairy-and-ground {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(224, 192, 104, 0)), color-stop(60%, rgba(224, 192, 104, 0.2)), color-stop(75%, rgba(224, 192, 104, 0.7)), color-stop(90%, rgba(224, 192, 104, 0.8)), color-stop(100%, #e0c068)); }

.fairy-and-rock {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(184, 160, 56, 0)), color-stop(60%, rgba(184, 160, 56, 0.2)), color-stop(75%, rgba(184, 160, 56, 0.7)), color-stop(90%, rgba(184, 160, 56, 0.8)), color-stop(100%, #b8a038)); }

.fairy-and-bug {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(168, 184, 32, 0)), color-stop(60%, rgba(168, 184, 32, 0.2)), color-stop(75%, rgba(168, 184, 32, 0.7)), color-stop(90%, rgba(168, 184, 32, 0.8)), color-stop(100%, #a8b820)); }

.fairy-and-ghost {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(112, 88, 152, 0)), color-stop(60%, rgba(112, 88, 152, 0.2)), color-stop(75%, rgba(112, 88, 152, 0.7)), color-stop(90%, rgba(112, 88, 152, 0.8)), color-stop(100%, #705898)); }

.fairy-and-steel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(184, 184, 208, 0)), color-stop(60%, rgba(184, 184, 208, 0.2)), color-stop(75%, rgba(184, 184, 208, 0.7)), color-stop(90%, rgba(184, 184, 208, 0.8)), color-stop(100%, #b8b8d0)); }

.fairy-and-fire {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(240, 128, 48, 0)), color-stop(60%, rgba(240, 128, 48, 0.2)), color-stop(75%, rgba(240, 128, 48, 0.7)), color-stop(90%, rgba(240, 128, 48, 0.8)), color-stop(100%, #f08030)); }

.fairy-and-water {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(104, 144, 240, 0)), color-stop(60%, rgba(104, 144, 240, 0.2)), color-stop(75%, rgba(104, 144, 240, 0.7)), color-stop(90%, rgba(104, 144, 240, 0.8)), color-stop(100%, #6890f0)); }

.fairy-and-grass {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(120, 200, 80, 0)), color-stop(60%, rgba(120, 200, 80, 0.2)), color-stop(75%, rgba(120, 200, 80, 0.7)), color-stop(90%, rgba(120, 200, 80, 0.8)), color-stop(100%, #78c850)); }

.fairy-and-electric {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(248, 208, 48, 0)), color-stop(60%, rgba(248, 208, 48, 0.2)), color-stop(75%, rgba(248, 208, 48, 0.7)), color-stop(90%, rgba(248, 208, 48, 0.8)), color-stop(100%, #f8d030)); }

.fairy-and-psychic {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(248, 88, 136, 0)), color-stop(60%, rgba(248, 88, 136, 0.2)), color-stop(75%, rgba(248, 88, 136, 0.7)), color-stop(90%, rgba(248, 88, 136, 0.8)), color-stop(100%, #f85888)); }

.fairy-and-ice {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(152, 216, 216, 0)), color-stop(60%, rgba(152, 216, 216, 0.2)), color-stop(75%, rgba(152, 216, 216, 0.7)), color-stop(90%, rgba(152, 216, 216, 0.8)), color-stop(100%, #98d8d8)); }

.fairy-and-dragon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(112, 56, 248, 0)), color-stop(60%, rgba(112, 56, 248, 0.2)), color-stop(75%, rgba(112, 56, 248, 0.7)), color-stop(90%, rgba(112, 56, 248, 0.8)), color-stop(100%, #7038f8)); }

.fairy-and-dark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(112, 88, 72, 0)), color-stop(60%, rgba(112, 88, 72, 0.2)), color-stop(75%, rgba(112, 88, 72, 0.7)), color-stop(90%, rgba(112, 88, 72, 0.8)), color-stop(100%, #705848)); }

.fairy-and-fairy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee99ac), color-stop(10%, rgba(238, 153, 172, 0.8)), color-stop(25%, rgba(238, 153, 172, 0.7)), color-stop(40%, rgba(238, 153, 172, 0.2)), color-stop(50%, rgba(238, 153, 172, 0)), color-stop(51%, rgba(238, 153, 172, 0)), color-stop(60%, rgba(238, 153, 172, 0.2)), color-stop(75%, rgba(238, 153, 172, 0.7)), color-stop(90%, rgba(238, 153, 172, 0.8)), color-stop(100%, #ee99ac)); }

attack-and-type.css.scss

$types: normal #a8a878,
  fighting #c03028,
  flying #a890f0,
  poison #a040a0,
  ground #e0c068,
  rock #b8a038,
  bug #a8b820,
  ghost #705898,
  steel #b8b8d0,
  fire #f08030,
  water #6890f0,
  grass #78c850,
  electric #f8d030,
  psychic #f85888,
  ice #98d8d8,
  dragon #7038f8,
  dark #705848,
  fairy #ee99ac;

/* ... generate each attack color class ... */
@each $type in $types {
  .#{nth($type,1)} {
    background-color: #{nth($type,2)};
  }
}

/* ... generate each dual type gradient class ... */
@each $primary in $types {
  @each $secondary in $types {
    .#{nth($primary,1)}-and-#{nth($secondary,1)} {
      background: -webkit-gradient(linear, left top, left bottom,
        color-stop(0%, nth($primary,2)),
        color-stop(10%, rgba(nth($primary,2),0.8)),
        color-stop(25%, rgba(nth($primary,2),0.7)),
        color-stop(40%, rgba(nth($primary,2),0.2)),
        color-stop(50%, rgba(nth($primary,2),0.0)),
        color-stop(51%, rgba(nth($secondary,2),0.0)),
        color-stop(60%, rgba(nth($secondary,2),0.2)),
        color-stop(75%, rgba(nth($secondary,2),0.7)),
        color-stop(90%, rgba(nth($secondary,2),0.8)),
        color-stop(100%, nth($secondary,2)));
    }

  }
}