html {
    font-size: 18px;
    font-family: Palatino,serif;
    background-color: white;
 } 
 
body {
      max-width: 100ch;
			margin: 0em auto;
      padding: 1em 2em;
			line-height: 1.4;
      background-color: white;
 }

 h1 {
  text-align: center;
 }

 h2 {
  padding-bottom: 2px;
  margin-bottom: 20px;
  margin-top: 50px;
  border-bottom: solid 1px black;
}

.navbar a:link, .navbar a:visited, .navbar a:active, .navbar a:hover {
  color:black;
}

a:link, a:visited {
  color: darkblue;
  text-decoration: none;
}

a:hover, a:active {
  color: #FF7F00;
  text-decoration: underline;
}

nav {
  padding-top: 2%;
  padding-bottom: 2%;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  
}

nav a {
  padding-left: 5%;
  padding-right: 5%;
}