/* Add a black background color to the top navigation */
.topnav {
 background-color: #E4DCD0; /* a soft white color */
 overflow: hidden;
 border-radius: 25px;
}

/* Style the links inside the navigation bar */
.topnav a {
 float: left;
 display: block;
 color: #36454F; /*36454F is charcoal color */
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
 background-color: #C2B280; /* C2B280 is a soft gold color */
 color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
 background-color: #C2DFFF;
 color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
 display: none;
}