html {
}

nav {
  background-color: lightgray;
}
nav .navtitle {
  float: right;
}

.main .cat_index, .main .year_index, .main .tag_index {
  margin: 0px 0px 20px 0px;
}

.main .cat_index > span,
.main .year_index > span,
.main .tag_index > span,
.main .year_posts > span {
  font-size: 20px;
  text-decoration: underline;
  background-color: lightgrey;
  display: block;
}

.main .year_posts > span {
  font-weight: bold;
}

.main .year_posts .post_title {
  font-size: 1.2em;
}

.main .year_posts .post_meta {
  font-size: 0.9em;
}

.main .year_posts .post_meta .post_datetime,
.main .year_posts .post_meta .post_tags,
.main .year_posts .post_meta .post_tags > li {
  display: inline;
}

.main .cat_index > ul {
  column-width: 250px;
  column-gap: 40px;
}

.main .year_index > ul > li {
  display: inline list-item;
}

.post_item {
  margin: 0 0 10px 0;
}

.main .tag_index > ul > li::before,
.post_tag::before {
  content: "#";
  color: skyblue;
}
.main .tag_index > ul > li,
.post_tag {
  display: inline-block;
  padding: 0 5px;
  margin: 2px 0
}