html {
        scroll-behavior: smooth;
}

body {
        max-width: 700px;
        margin: 0 auto;
        padding: 0 20px;
        font-size: 16px;
}

h1 {
        margin-right: 5px;
        font-family: Serif;
}

nav a {
        margin-right: 5px;
        font-family: Serif;
}

h2 {
        font-family: Serif;
}

h2 a {
        color: inherit;
        text-decoration: none;
}


h2 a:visited {
        color: inherit;
}

h2 a::after {
        content: " ¶";
        opacity: 0;
        margin-left: 3px;
        font-size: 0.8em;
}

h2:hover a::after {
        opacity: 1;
}

h2 a:hover {
        text-decoration: none;
}

p {
        font-size: 14px;
        font-family: monospace
}

h3 {
        font-size: 12px;
}

.social {
        font-family: Serif;
        font-size: 12px;
}

.cover img {
        height: 150px;
        width: 150px;
        float: right;
}


ul.posts {
        padding-left: 20px;
        list-style-type: circle;
        font-family: Serif;
}