html {
  margin: 0;
  padding: 0;
}
body {
  margin: 40px auto;
  max-width: 40em;
}
h1, h2 {
  color: #002722;
}
nav ul, nav ul li {
  list-style: none;
  padding: 0;
}
nav ul li {
  display: inline-block;
}
nav ul li:not(:last-of-type) {
  margin-right: 10px;
}
time {
  color: #6f6f6f;
  display: flex;
  min-width: 7em;
}
time::after {
  color: #002722;
  content: ' • ';
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}
article a {
  display: flex;
}
article ul, article ul li {
  list-style: none;
  padding: 0;
}
article ul li {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.25em;
}
a {
  color: #007567;
}
a:visited {
  color: #002722;
}
@media(max-width:40em) {
  body {
    margin-left: 12px;
    margin-right: 12px;
  }
  article ul li, time {
    display: block;
  }
  time::after {
    content: '';
    display: none;
  }
}