My Page</Art> <link href="/style.css" rel="stylesheet" type="text/css" media="all"> </head> <body> <div id="container"> <div id="headerArea"> <div id="header"></div> <nav id="navbar"> <ul> <li><a href="https://omgomgholyguacamole.neocities.org">Home</a></li> <li><a href="https://omgomgholyguacamole.neocities.org/Art">Art</a></li> <li><a href="https://omgomgholyguacamole.neocities.org/Media">Media</a></li> <li><a href="#https://omgomgholyguacamole.neocities.org/Outfits">Outfits</a></li> <li><a href="https://omgomgholyguacamole.neocities.org/Rants">Rants</a></li> <li><a href="https://omgomgholyguacamole.neocities.org/Chat">chat</a></li> </ul> </nav> </div> <style> /* navigation section!! */ #navbar { height: 40px; background-color: #1C0B0D; /* 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: #F1EEE8; /* 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: #9C9898; text-decoration: underline; } #flex { display: flex; } </style> </body> </html>