<div class="pkmn planta">bulbasaur</div>
<div class="pkmn agua">squirtle</div>
<div class="pkmn fuego">charmander</div>
.pkmn {
  margin: 1rem;
  padding: 1rem;
  text-align: center;
  font-size: 2rem;
}
.planta {
  background: #1abc9c;
  color: #16a085;
}

.agua {
  background: #3498db;
  color: #2980b9;
}

.fuego {
  background: #e67e22;
  color: #d35400;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.