body {
  margin: 0 auto;
  background-color: #3d3d3d;
  padding: 0px;
}

header {
  background-color: #ebebeb;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0em;
  padding-bottom: 0.5em;
  border-bottom: 0.2em solid #3d3d3d;
}

header h1 {
  margin-top: 0em;
  margin-bottom: 0.3em;
  margin-left: 3%;
  padding-top: 0.5em;
} 

header pre {
  margin-top: 0em;
  margin-bottom: 0.2em;
  margin-left: 3%;
  padding-top: 0.5em;
}

nav p {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 3%;
}

main {
  background-color: #ebebeb;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 0.2em solid #3d3d3d;
}

main h1 {
  margin-top: 0em;
  margin-bottom: 0.3em;
  margin-left: 3%;
  padding-top: 0.5em;
} 

main h2 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 3%;
}

main p {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 3%;
  margin-right: 3%;
}

main code {
  background-color: #6b6b6b;
  font-family: monospace;
  font-size: 1.2em;
  color: white;
  padding: 0.2em;
}

main ol, ul {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  margin-left: 3%;
  padding-top: 0.5em;
}

main li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

footer {
  background-color: #ebebeb;
  margin-top: 0em;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 0.5em;
  border-bottom: 0.2em solid #3d3d3d;
}

footer h2 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 3%;
}

footer p {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 3%;
}