

.content {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--main-font);
    color: var(--text);
    p{

        margin-bottom: 14px;
        &:last-child{
            margin-bottom: 0;
        }
    }
    h1{
        font-size: 24px;
        line-height: 34px;
    }

    h2{
        font-size: 20px;
        line-height: 30px;
    }

    h3{
        font-size: 18px;
        line-height: 28px;
    }

    ul {
        padding: 0 0 0 16px;
        list-style: none outside none;

        li::before {
            content: "—";
            opacity: .5;
            font-size: 12px;
            padding-right: 6px;
            vertical-align: 10%;
        }

        li {
            list-style: none;
            padding: 0;
        }

    }

    code{
        background: var(--p30);
        padding: 0 6px;
        border-radius: 12px;
    }

    img{
        margin-bottom: 14px;
    }

    blockquote{
        border:1px solid var(--p30);
        border-radius: 12px;
        padding: 12px 40px;
        position: relative;

        &::before{
            content: "\201C";
            color: var(--p60);
            font-size:4em;
            position: absolute;
            left: 10px;
            top: 20px;
        }

        &::after{
            content: '';
        }

    }

    pre {
        background: var(--grey-light);
        border-radius: 0.5rem;
        color: var(--white);
        font-family: 'JetBrainsMono', monospace;
        margin: 1.5rem 0;
        padding: 0.75rem 1rem;

        code {
            background: none;
            color: inherit;
            font-size: 0.8rem;
            padding: 0;
        }
    }

}

.lx-small-text {
    font-size: 12px;
    line-height: 15px;

}

.light-text{
    color: var(--text-light);
}