app.css

/** @format */

.bug,
.dark,
.dragon,
.electric,
.fairy,
.fighting,
.fire,
.flying,
.ghost,
.grass,
.ground,
.ice,
.normal,
.poison,
.psychic,
.rock,
.steel,
.water {
	width: 100px;
	

	@apply badge text-white font-bold text-center uppercase;
}

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