Change hover color PER link.

Hi! So I am trying to change the hover color per link. To be more specific, if you go to my website rickytimmermans.com and hover over Photography and see the sub-categories {portrait, scenery, etc.}, I would like a different hover color per line. The CSS code I found through @Paul2009 was :

a:hover { color: white!important; background: black; }

So instead of doing black for the sub categories, I want to do other colors. Anything would help. Thank you!!!

Oh and template is Motto

Oh and template is Motto

@RJTimmermans95 Add to Home > Design > Custom CSS

a.Header-nav-folder-item:nth-child(1):hover {
   color: red !important;
}
a.Header-nav-folder-item:nth-child(2):hover {
   color: #009900 !important;
}
a.Header-nav-folder-item:nth-child(3):hover {
   color: green !important;
}
a.Header-nav-folder-item:nth-child(4):hover {
   color: #000 !important;
}
a.Header-nav-folder-item:nth-child(5):hover {
   color: rgb(0,0,0) !important;
}