body {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}


h1 {
  font-size: 3.5rem;
  text-align: left;
  padding-left:10%;
  color: #202e32;
}

h2 {
  font-size:2.4rem;
}
p{
  font-size:1.5rem;
}

nav, article{
  background-color: white;
  padding: 0.8%;
}

nav {
  background-color:#586c5c; /* #e7b467;#f7dc66;*/
  display: flex;
  margin-bottom: 1%;
}

nav ul {
  padding: 0;
  list-style-type: none;
  flex: 2;
  display: flex;
}

nav li {
  display: inline;
  text-align: center;
  flex: 1;
}

nav a {
  display: inline-block;
  font-size: 1.5rem;
  text-decoration: none;
  color: white;
}

h1 a{
  color:inherit;
  text-decoration: none;
}

div{
  background-color:white;
  padding:2%;
  margin-bottom:1%;
  border: 3px solid #a9af90;
}

code{
  color:#d99477;
}

main {
  display: flex;
}

article {
  flex: 4;
  margin:15px 10% 30px 10%;
  padding:2% 3% 3% 3%;
  background-color:#dfdcb9  ;
}

table {
  border-collapse: collapse;
  border: 2px solid rgb(200,200,200);
  letter-spacing: 1px;
  font-size: 0.8rem;
}

td, th {
  border: 1px solid rgb(190,190,190);
  padding: 10px 20px;
}

th {
  background-color: rgb(235,235,235);
}

td {
  text-align: center;
}

tr:nth-child(even) td {
  background-color: rgb(250,250,250);
}

tr:nth-child(odd) td {
  background-color: rgb(245,245,245);
}