Changing color of markdown boxes

Site URL: https://cbcbellevue.com/7steps

Hello!

I am trying to change the color of these markdown boxes. There are 7 "steps" so 7 different dropdown boxes and each needs a different color (hex codes below) I tried changing background and using the ID block and markdown-block {color: #######} and {background:#####} and nothing has worked. I even put a spacer between each markdown so they were individual block ID #s but wasn't sure if that was necessary or not? Attached is the section of the page I am working on and I posted the page url with this: https://cbcbellevue.com/7steps 

Please let me know what to put in either the individual markdown html boxes or CSS coding box to change them to the hex colors!

1.Partner: 9f754f. 

2.Pray: a2866d

3.Read:b4bba5

4.Discuss:99a48c

5.Memorize:8a8e71

6.Engage:717151

7.Bless:39463a

Add to Home > Design > Custom CSS

h2#step-1-partner {
    background: red;
    border-color: red;
}
h2#step-2-pray- {
    background: violet;
    border-color: violet;
}
h2#step-3-read- {
    background: green;
    border-color: green;
}
h2#step-4-discuss- {
    background: blue;
    border-color: blue;
}
h2#step-5-memorize- {
    background: yellow;
    border-color: yellow;
}
h2#step-6-engage- {
    background: brown;
    border-color: brown;
}
h2#step-7-bless- {
    background: red;
    border-color: red;
}

Perfect! This worked, thank you so much!!!