:root {
    --primary: #2a7ae2;
    --secondary: #1756a9;
    --grey: #777;
    --light-grey: #ccc;
}

html {
    font-family: 'Lato', sans-serif;
}

.content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 5px 100px 5px;
}

header a {
    color: black;
    text-decoration: none;
    display: flex;
    align-items: center;
}

header a:visited {
    color: black;
}

header {
    border-bottom: 1px solid var(--grey);
}

header h1 {
    padding-bottom: 10px;
    margin: 0;
    vertical-align: middle;
}

header img {
    width: 75px;
    padding: 5px;
    border-radius: 50%;
}

pre {
    overflow: auto;
    font-family: monospace;
    border: 2px solid var(--grey);
    border-radius: 5px;
    padding: 5px;
}

a {
    color: var(--primary);
    text-decoration: none;
}

a:visited {
    color: var(--secondary);
}

.authordate {
    color: var(--grey);
    margin: 0;
    padding: 0;
}

.posttitle {
    margin-bottom: 5px;
}

main img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.authorscomment {
    background-color: var(--light-grey);
    padding: 5px;
}

.authorscomment h3, .authorscomment h5, .authorscomment pre {
    margin: 0;
}