DRY evaluation

example1.css

.cat {
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem;
  color: #FFF;

}
.dog {
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem;
  color: #000;
}
.dragon {
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem;
  color: #009933;
}

example2.css

.greetings {
  font-family: Arial, sans-serif;
  font-size: 1.5rem;
}

.greetings.english {
  background-color: #000;
  color: #FFF;
}
.greetings.spanish {
  background-color: #FFF;
  color: #000;
}

example1.css is not DRY
To be DRY it could be :
animal{
font-family: "Times New Roman", Times, serif;
font-size: 1rem;
}

.cat {
color: #FFF;
}

.dog {
color: #000;
}

.dragon {
color: #009933;
}

example2.css is DRY
There is no redundancy