.md h1, .md h2, .md h3 {
    /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; */
    font-family: Varela;
    letter-spacing: 0.01em;
    font-weight: 200;
    color: var(--primary);
}
.md h1 {
    margin-top: 32px;
    font-size: 40px;
    margin-bottom: 24px;
    line-height: 44px;
}
.md h2 {
    margin-top: 48px;
    font-size: 32px;
    line-height: 38px;
}
.md h3 {
    font-size: 24px;
    margin-bottom: 8px;
}
.md p, ul {
    font-size: 17px;
    color: var(--font-grey);
}

.md p code, .md li code {
    background: var(--secondary-lighten-1);
    padding: 2px 4px;
    color: var(--secondary);
    border: 1px solid var(--secondary-lighten-1);
    border-radius: 4px;
}

.md ul {
    margin-left: 32px;
    list-style-type: disc;
}

.md a {
    color: #0097a7;
    text-decoration: underline;
}

.md pre {
    border-radius: 4px;
}