NavBar.html

 <div id="nav">
    <ul>
        <li>
          <a href="#">Home</a>
        </li>
        <li><a href="Opaque.html">Images</a>
        </li>
        <li><a href="Slideshow.html">Gallery</a>
        </li>
        <li><a href="#">More Info</a>
    </ul>
    
  </div>

// #nav {
    right: 10px;
    height: 70px;
    background-color:rgba(0, 0, 0, 0.5);
    width: 97%;
    text-align: center;
}
#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
#nav ul li {
    margin: 0;
    padding: 0;
    float:left;
    height: 100px;
}
#nav ul li a {
    text-decoration: none;
    padding: 10px 25px;
    display: block;
    color: #FFF;
    text-align: center;
    font-family: Georgia;
    color: white;
}
#nav ul li a:hover {
    color: rgb(108, 114, 124);
}