Changing color on some navigation links

Site URL: https://mikko-iivanainen.squarespace.com/

I wish to change color of the two last navigation links. 
I tried code below, but it is not working:

.header-nav-folder-item:nth-child(9) a {
  color: red !important;
}

.header-nav-folder-item:nth-child(10) a {
  color: red !important;
}

Hi. What is password?

Hi, sorry. Password is: river

I have another issue with the same site with header transparency, help would be appreciated. Cannot seem to get a hold of how this works in 7.1 version. I would like to have a semitransparent background, but code below has no effect:

  #header {
background: rgba(0,0,0,0.5);
}

On 4/19/2021 at 2:08 PM, Juggernaut said:

Site URL: https://mikko-iivanainen.squarespace.com/

I wish to change color of the two last navigation links. 
I tried code below, but it is not working:

.header-nav-folder-item:nth-child(9) a {
  color: red !important;
}

.header-nav-folder-item:nth-child(10) a {
  color: red !important;
}

Add to Design > Custom CSS

nav.header-nav-list>div:nth-last-child(-n+2) a {
    color: red;
}

On 4/27/2021 at 12:52 PM, Juggernaut said:

I have another issue with the same site with header transparency, help would be appreciated. Cannot seem to get a hold of how this works in 7.1 version. I would like to have a semitransparent background, but code below has no effect:

  #header {
background: rgba(0,0,0,0.5);
}

Add this CSS

.header-announcement-bar-wrapper {
    background-color: rgba(0,0,0,0.5) !important;
    position: absolute !important;
}