correl.github.io/assets/css/_extra.scss

@import url('https://fonts.googleapis.com/css2?family=Inconsolata&family=Roboto&family=Zilla+Slab:wght@300&display=swap');

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 5px 10px;
}

th {
    border-top: 1px solid $lightest-color;
}

td {
    border-top: 1px solid $light-color;
}

body {
    font-family: 'Roboto', sans-serif;
}

main {
    font-size: 1.2em;
}

.posts-list-item-title {
    font-family: 'Zilla Slab', serif;
}

.post-content {
    font-family: 'Zilla Slab', serif;

    blockquote {
        border-left: 0.4em inset rgba($primary-color, .8);
        background: $darkest-color;
        padding: 0.7em 1em;
        p {
            margin: 0px;
        }
    }
    code, pre {
        font-family: 'Inconsolata', monospace;
    }
    figure {
        text-align: center;
    }
    img, video {
        max-width: 90%;
    }
}