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


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

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

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

nav {
  background-color:#88a2bc; /* #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: black;
}

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

div{
  background-color:white;
  padding:2%;
  border: 3px solid #efb680;
}

code{
  color:#d99477;
}

main {
  display: flex;
}

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