different colors on hover / tremont family / carson template

Site URL: https://www.mariadieruhe.com/work

Hey,

i just wonder if you could have different colors on hover on the carson template.

my website is www.mariadieruhe.com

any idea how to set 4 different colors on the main website? ( on the links "about" "releases" "dates" "videos"

thank you for any help 🙂

sarah

Add to Home > Design > custom CSS

.collection-nav-item [href="/about"]:hover {
    color: red;
}
.collection-nav-item [href="/releases"]:hover {
    color: green;
}
.collection-nav-item [href="/dates"]:hover {
    color: gray;
}
.collection-nav-item [href="/videos"]:hover {
    color: black;
}