:root {
    --acent: oklch(33% 0.081 244);
}

div.info {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

div.description {
    --border-width: 2px;
    --border-color: #e2e2e2;
    --inner-padding: 15px;
    --in-between-margin: 20px;
    max-width: 700px;
    border-left: var(--border-width) solid var(--border-color);
    padding-left: var(--inner-padding);
    h1,
    h2,
    h3 {
        position: relative;
        &::before {
            content: "";
            position: absolute;
            height: calc(100% - 1rem);
            width: var(--border-width);
            left: calc(var(--inner-padding) * -1 - var(--border-width));
            background-color: oklch(33% 0.081 244);
            /*height: 100%;*/
        }
    }

    p + h2,
    p + h3 {
        border-top: 1px solid var(--border-color);
        padding-top: var(--in-between-margin);
        margin-top: var(--in-between-margin);

        /*border-bottom: 1px solid var(--border-color);*/
    }
}

.renderedMarkdown code {
    color: #239523 !important;
    padding: 2px 4px !important;
}