code to change navigation text page you are on

I have a client who wants the color of the navigation text to change based off what page is being viewed.

All the text to be blue and then the page you are on to make that navigation link yellow.
This will be in the Brine template.

I has hoping that there is a code that can be entered in each page? Please let me know if this is doable and if you have some css suggestions and where to place them. Thank you!

@moessence Add to Home > Design > Custom CSS

/* Nav item active color */
.Header-nav-item--active {
    color: yellow !important;
}

Reference: https://beaverhero.com/squarespace-navigation-links/

This work wonderfully! Thank you for the quick and clear directions. You rock! 😀