.me-image {
    max-width: 50%;
    margin: -40px auto 10px auto;
}

@media screen and (min-width: 600px) {
    .me-image {
        float: right;
        max-width: 200px;
        max-height: 200px;
        margin: 1ex 0 0 4ex;
    }
}

.posts {
  margin-top: 3em;
  margin-right: -2em;
}
.posts ul {
  margin-left: 0;
  list-style: none;
}
.posts a.feed-link {
  border-bottom: none;
}

/* simpler links */
.content a:not(.button),
.content a:not(.button):visited {
  color: #555;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* subtitle / tags customization */

.subtitle .tags {
    display: none;
}

.subtitle {}

@media screen and (min-width: 1000px) {
    .subtitle {
        height: 2em;
        display: flex;
        flex-direction: row;
        /* push the tags to the right */
        justify-content: space-between;
        /* center the contents */
        align-items: center;
    }

    .subtitle .tags,
    .subtitle .date {
        line-height: 1.0em;
        font-size: 14px;

        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

}

/* no underline of links */
.subtitle a:not(.button),
.tags a:not(.button) {
    text-decoration: none;
    border-bottom: none;
    line-height: 1.2em;
}

div.subtitle.tags {
  margin-bottom: 0px;
}