:root {
    --type-normal: 	#878887;
    --type-fire: #e62829;
    --type-water: #2980ef;
    --type-grass: #3fa129;
    --type-electric: #fac000;
    --type-ice: #3fd8ff;
    --type-fighting: #ff8000;
    --type-poison: #9141cb;
    --type-ground: #915121;
    --type-flying: #81b9ef;
    --type-psychic: #ef4179;
    --type-bug: #91a119;
    --type-rock: #afa981;
    --type-ghost: #704170;
    --type-dark: #50413f;
    --type-dragon: #5060e1;
    --type-steel: #60a1b8;
    --type-fairy: #ef70ef;
    --region: #0D00B8;
}

.normal {
    background-color: var(--type-normal);
    color: var(--clr-white);
}

.fire {
    background-color: var(--type-fire);
    color: var(--clr-white);
}

.water {
    background-color: var(--type-water);
    color: var(--clr-white);
}

.grass {
    background-color: var(--type-grass);
    color: var(--clr-white);
}

.electric {
    background-color: var(--type-electric);
    color: var(--clr-white);
}

.ice {
    background-color: var(--type-ice);
    color: var(--clr-white);
}

.fighting {
    background-color: var(--type-fighting);
    color: var(--clr-white);
}

.poison {
    background-color: var(--type-poison);
    color: var(--clr-white);
}

.ground {
    background-color: var(--type-ground);
    color: var(--clr-white);
}

.flying {
    background-color: var(--type-flying);
    color: var(--clr-white);
}

.psychic {
    background-color: var(--type-psychic);
    color: var(--clr-white);
}

.bug {
    background-color: var(--type-bug);
    color: var(--clr-white);
}

.rock {
    background-color: var(--type-rock);
    color: var(--clr-white);
}

.ghost {
    background-color: var(--type-ghost);
    color: var(--clr-white);
}

.dark {
    background-color: var(--type-dark);
    color: var(--clr-white);
}

.dragon {
    background-color: var(--type-dragon);
    color: var(--clr-white);
}

.steel {
    background-color: var(--type-steel);
    color: var(--clr-white);
}

.fairy {
    background-color: var(--type-fairy);
    color: var(--clr-white);
}

.kanto,
.johto,
.hoenn,
.sinnoh,
.unova
 {
    background-color: var(--region);
    color: var(--clr-white);
}