Edit font and colour of links with a hover state

Site URL: https://flower-turquoise-bt9w.squarespace.com/

Hi, can anyone help with this: 

I've created some links with a hover state on my Homepage (operating as an alternative navigation bar) and I can't seem to edit the colour or font of these links, both in hover and default state. I've included the code I've used here and also links to my site and codes to access it.

The links I'm referring to are highlighted in the screenshot below.

https://flower-turquoise-bt9w.squarespace.com/

Password: JosephDoody24

Many thanks in advance!

Sam

You can try this

div#block-yui_3_17_2_1_1726066017488_2037 h2 a:hover {
    opacity: 0.5 !important;
}

Thanks @tuanphan. I tried adding the code you suggested but it hasn't worked... 

Have I done it right?

22 hours ago, spantchux said:

Thanks @tuanphan. I tried adding the code you suggested but it hasn't worked... 

Have I done it right?

 

I see opacity changed on hover?

Yes, opacity changes on hover but I wanted to know if it's possible to change the colour to a different hex code altogether on hover?

Amazing! Thanks so much for the help.