.blog-post h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

.blog-post h1 {
    font-size: xx-large;
    margin-top: 40px;
}

.blog-post h2 {
    font-size: x-large;
    margin-top: 20px;
}

.blog-post h3 {
    font-size: large;
    margin-top: 20px;
}

pre {
    padding: 5px;
    margin: 5px;
}

.blog-post a {
    color: orangered;
}

.blog-post img {
    max-width: 100%;
    height: auto;
}

.blog-post blockquote {
    margin: 5px !important;
    padding: 5px !important;
}

.blog-post .post-entry p {
    color: black;
    font-size: medium;
}

.blog-post .post-entry p code {
    color: #0f1626;
    background-color: #f6f6f6;
}

.blog-post .post-entry ol code {
    color: #0f1626;
    background-color: #f6f6f6;
}

.blog-post .post-entry ul code {
    color: #0f1626;
    background-color: #f6f6f6;
}

.blog-post .post-entry ol {
    color: black;
}

.blog-post .post-entry ul {
    color: black;
}

figcaption {
    font-size: small;
}

.post-tag a {
    color: black;
}

.post-header h4 a {
    color: black;
}

mjx-container {
    overflow-x: auto;
    overflow-y: hidden;
}