Individual Colors for Links

Site URL: https://siliconvalleyins.com/silicon-valley-insured

Under the What Do You Want To Protect header, they want each link to be a different color (red, green, orange, etc.) In my custom code I did make each a different color, but for some reason all but the first link reverts to the default link color of yellow. I attached a picture of my markdown code. Can anyone figure out why this is?

Set the color of the <a> tag and don't use the markdown short hand.

<span><a href="/silicon-valley-insured/#myvaluables" style="color: indigo;">My Valuables</a> 💍</span>

Thank you RWP!!

The only thing is now all but the first link are underlined. Any ideas about that?

Design -> Custom CSS (only pick one)

To REMOVE underline:

#block-yui_3_17_2_1_1591311949370_22623 span a {
    text-decoration: none !important;
    border: none !important;
}

To ADD underline to all:

#block-yui_3_17_2_1_1591311949370_22623 span a {
    text-decoration: underline !important;
    border: none !important;
}

Amazing, thank you so much RWP.