#navbar { height: 40px; background-color: #ffffff; /* navbar color */ width: 100%; } #navbar ul { display: flex; padding: 0; margin: 0; list-style-type: none; justify-content: space-evenly; } #navbar li { padding-top: 10px; } /* navigation links*/ #navbar li a { color: #443333; /* navbar text color */ font-weight: 800; text-decoration: none; /* this removes the underline */ } /* navigation link when a link is hovered over */ #navbar li a:hover { color: #000000; text-decoration: underline; }