.blogpost-content {
    font-size: var(--rst-rendered-basic-font-size);
    color: var(--rst-rendered-font-color);

    .hidden {
        display: none;
    }

    ul.simple {
        list-style-type: disc;
        list-style-position: outside;
        margin-block-start: 0.5rem;
        margin-block-end: 0.5rem;
        padding-inline-start: var(--rst-rendered-list-indent);
    }

    ol.simple {
        list-style-position: outside;
        margin-block-start: 0.5rem;
        margin-block-end: 0.5rem;
        padding-inline-start: var(--rst-rendered-list-indent);
    }

    pre.code {
        font-size: var(--code-block-font-size);
        background-color: var(--code-block-background-color);
        padding: var(--code-block-padding);
        border-radius: var(--code-block-border-radius);
        margin-top: var(--code-block-margin-top);
        margin-bottom: var(--code-block-margin-bottom);

        overflow-x: auto;
    }

    .docutils.literal {
        font-size: var(--rst-rendered-text-docutils-literal-font-size);
        background-color: var(--rst-rendered-text-docutils-literal-background-color);
        border-radius: var(--rst-rendered-text-docutils-literal-border-radius);
        color: var(--rst-rendered-text-docutils-literal-color);
        padding: var(--rst-rendered-text-docutils-padding);
    }

    table.docutils.footnote:first-of-type {
        margin-top: var(--rst-rendered-text-docutils-footnotes-margin-top);
    }

    a.footnote-reference, a.fn-backref {
        color: var(--page-internal-link-color);
        text-shadow:
            1px 1px 2px var(--page-internal-link-glow-color),
            1px 1px 2px var(--page-internal-link-glow-color);
        text-decoration: none;
    }
    a.footnote-reference:hover, a.fn-backref:hover {
        color: var(--page-internal-link-hover-color);
        text-shadow:
            2px 2px 4px var(--page-internal-link-hover-glow-color),
            2px 2px 4px var(--page-internal-link-hover-glow-color);
        text-decoration: none;
    }

    table.docutils.footnote {
        border: none;
        font-size: var(--rst-rendered-text-docutils-footnotes-font-size);

        td {
            padding-left: 0.6rem;
        }
        td, th, tr {
            border: none;
        }
        td.label {
            padding-left: inherit;
        }
    }

    table.docutils {
        border-collapse: collapse;

        tr {
            border: none;
        }
        td, th {
            border: 1px solid #CCCCCC;
            padding: 0.1rem;
        }
    }

    p ~ p {
        margin-top: var(--rst-rendered-text-paragrapg-margin-between);
    }

    p {
        text-align: justify;
    }

    blockquote {
        color: var(--rst-rendered-blockquote-color);
        margin-left: var(--rst-rendered-blockquote-indent);
        font-style: var(--rst-rendered-blockquote-font-style);
        border-left:
          var(--rst-rendered-blockquote-left-border-thickness)
          var(--rst-rendered-blockquote-left-border-style)
          var(--rst-rendered-blockquote-left-border-color);
        padding-left: var(--rst-rendered-blockquote-left-padding);
    }
}


.main-content {
    .blogpost-content {
        h1.title {
            font-size: var(--rst-rendered-title-font-size);
            text-decoration: underline;
        }
        .section {
            h1 {font-size: var(--rst-rendered-h1-font-size);}
            h2 {font-size: var(--rst-rendered-h2-font-size);}
            h3 {font-size: var(--rst-rendered-h3-font-size);}
            h4 {font-size: var(--rst-rendered-h4-font-size);}
            h5 {font-size: var(--rst-rendered-h5-font-size);}
            h6 {font-size: var(--rst-rendered-h6-font-size);}

            h1, h2, h3, h4, h5, h6 {
                margin-top: var(--rst-rendered-text-heading-margin-top);
                margin-bottom: var(--rst-rendered-text-heading-margin-bottom);
            }
        }
    }
}


.blog-post-footer {
    font-size: var(--rst-rendered-footer-font-size);

    .blog-post-footer-metadata-table {
        text-align: var(--rst-rendered-footer-text-alignment);
        margin-top: var(--rst-rendered-footer-metadata-table-margin-top);
        margin-left: auto;
        border-top: var(--rst-rendered-footer-top-border-width) var(--rst-rendered-footer-top-border-color) var(--rst-rendered-footer-top-border-style);

        box-shadow:
            0px -1px 0px 0px rgba(100, 200, 255, 0.3),
            0px -2px 0px 0px rgba(100, 200, 255, 0.2),
            0px -3px 0px 0px rgba(100, 200, 255, 0.1),
            0px -4px 0px 0px rgba(100, 200, 255, 0.1),
            0px -5px 0px 0px rgba(100, 200, 255, 0.1);

        th {
            padding-left: 5rem;
            padding-right: 1rem;
        }
    }
    .blog-post-metadata-attribute-label {
        font-weight: bold;
    }
}