Different background-color for different cards in the same deck?

Hello my question is just as the title states I’m trying to color coordinate a deck of nouns according to gender and I’d like to style each card differently. Thanks for reading.

You can try wrapping your whole template in something like this:

<div class="{{Gender}}">

Your template contents here


Then in the styling section:

.male {
   background-color: #25A0CF;

.female {
   background-color: #FF43A9;

.neuter {
  background-color: #BDBDBD;

Change the male, female, and neuter names according to how the genders are written in your deck.


Thank you very much that works