/* This is the CSS for the Horizontal Nav nar */

nav{text-align: center;
    margin: 20px 0;
    padding: 5px; 
    background: red;            
}

nav ul {
    list-style-type: none;
      height: auto;
      background: white;
  }

  nav ul li {
   
    display: inline-block; 
    margin-right: 0.5em;
  }

  nav ul li a {
    padding: 0.25em 1em;
    text-decoration: none;
    background-color: #EBF5FF; 
    color: #4312AE; 
    border: 2px solid black;
      
    border-top-left-radius: 1em 1em; 
    border-bottom-right-radius: 1em 1em; 
  }

  nav ul li a:hover, nav ul li a:focus {
    color: black;
    background-color: white;
    font-weight: bold;
  }

  nav ul li a {
    margin: 0 auto;}