.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-body {
    height: 22rem;
}

.blog-page {
    max-width: 800px;
}

code[class*=language-], pre[class*=language-] {
    white-space: pre-wrap!important;
}

.blog-page code {
    white-space: pre-wrap;
    word-break: break-all;
}

.blog-page img, .blog-page iframe {
    width: 100%;
    height: auto;
}

.blog-page blockquote {
    padding: 15px;
    background: #eee;
    border-radius: 5px;
}

.blog-page blockquote::before {
    content: '\201C';
}

.blog-page blockquote::after {
    content: '\201D';
}