@import url(root.css);

.page.blogPost .post {
    width: 100%;
    min-height: 100vh;
    margin-top: calc(var(--nav-height) * 2);
    position: relative;
    display: flex;
    justify-content: center;
    background: transparent;
    overflow: visible;
    pointer-events: none;
}

.page.blogPost .post article {
    width: 60%;
}

/* Blog type spec */

.page.blogPost .post h1,
.page.blogPost .post h2,
.page.blogPost .post h3 {
    margin: 0 0 0.35em;
}

.page.blogPost .post h1 {
    font-size: 40px;
}

.page.blogPost .post h2 {
    font-size: 28px;
}

.page.blogPost .post h3 {
    font-size: 20px;
}

.page.blogPost .post p {
    margin: 1em 0 1em;
}

.page.blogPost .post p + h2,
.page.blogPost .post p + h3 {
    margin-top: 1.5em;
}

.page.blogPost .post code {
    padding: 0 10px;
    background-color: var(--hljs-background);
    border-radius: 14px;
}

.page.blogPost .post pre > code {
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    margin-bottom: 1.5em;
}

#disqus_thread {
    pointer-events: all;
}