@font-face {
  font-family: "DarumadropOne";
  src: url(fonts/DarumadropOne-Regular.ttf) format("truetype");

}

h1, h2, h3 {
  font-family: DarumadropOne, sans-serif;
  margin-top: 1em;
  padding-top: 1em;
  color: #121210;
}

header {
  background-color: #278c5d;
  text-align: center;
  border-radius: 10px;

}


header h1 {
  color: white;
  padding: 0;
}


nav {
  font-family: DarumadropOne, sans-serif;
  background-color: #278c5d;
  color: white;
}

nav a {
  padding: 20px;
}


body {
  display: flex;
  justify-content: center;
  background-color: #f4ffe8;
  color: #1f1f1c;
  font-family: Helvetica, sans-serif;
  margin: 0 auto;
  /*max-width: 80em; */
  line-height: 1.5;
  padding: 4em 1em;
  padding-top: 0px;
}


code, pre {
  background: #ecf0dd;
  padding: 2px 4px;
  vertical-align: text-bottom;
  
}

pre {
  border-left: 2px solid #69c;
}

a {
  color: #b3e89e;
}

footer {
  font-family: DarumadropOne, sans-serif;
  background-color: #278c5d;
  color: white;
}