* {
    box-sizing: border-box;
}

div.everything {
    min-height: 100vh;
    max-width: 80ch;
    margin: auto;
    padding: 0;
}

main {
    padding: 8ch;
    padding-top: 8ch;
}

@media (max-width: 650px) {
    main {
        padding: 4ch;
    }
}

nav {
    text-align: right;
    padding-top: 4ch;
    padding-left: 4ch;
    padding-right: 4ch;
    margin: auto;
}

nav span.fa-circle {
    transform: scale(2);
    transition: transform 0.1s ease-out;
}

nav span.fa-circle:hover {
    transform: scale(3);
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

main > h1:first-child {
    margin-top: 0;
}

div.post-date {
    margin-top: -1em;
}

p {
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 2em;
}

code {
    margin-left: 0.2em;
    margin-right: 0.2em;
}

pre {
    padding: 1.7rem;
    overflow: auto;
}

pre code {
    white-space: pre;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.8rem;
}

blockquote > p {
    font-size: 0.8rem;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2rem;
}

blockquote > ul {
    font-size: 0.8rem;
}

blockquote > ul > li {
    margin-left: 4rem;
}

ul > li {
    list-style-type: circle;
}

li {
    margin-left: 2rem;
}

li,
li p {
    line-height: 1.8rem;
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

img.blog-photo,
img.status-photo,
img.beer-photo {
    max-width: 100%;
}