nav.header {
  margin: 0 auto;
  width: 680px;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid gainsboro;
}
nav.header ul {
  list-style: none;
}
nav.header ul li {
  display: inline;
  margin-inline-end: 1rem;
}

section.main {
  margin: 0 auto;
  width: 680px;
  padding: 1rem;
}

article.post {
  margin-bottom: 2rem;
}
article.post h5.date {
  color: darkorange;
  margin: 0.1rem 0;
}
article.post h2.title {
  margin-top: 0;
}

aside {
  margin: 0 auto;
  width: 680px;
  padding: 1rem;
  background-color: aqua;
}

footer.footer {
  margin: 0 auto;
  width: 680px;
  padding: 1rem;
  border-top: 1px solid gainsboro;
  color: gray;
}

div.page {
  margin: 0 auto;
  width: 680px;
  padding: 1rem;
}

/*# sourceMappingURL=index.css.map */