@media (max-width: 768px) {
    article h1, .article h1{
        font-size: 1.25rem;
        font-weight: 550;
    }
    article h2, .article h2{
        font-size: 1.1rem;
        font-weight: 500;
    }
}
.comment-form{background-color: #f4f4f4; border: 1px solid #cccccc; border-radius: 10px;padding:10px;}
.comment-form textarea{border: 0;background-color: #f4f4f4;width: 100%; outline: none;}
.comment-form button{background-color:#2BA342; padding:2px 22px;border-radius: 14px;border:1px solid #2BA342;color: white;}
.left{width: 4rem;}
.avatar{
    width: 3rem;
    height: 3rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
}
.comment-item{margin-top: 24px;}
.comment-time{color:#aaaaaa;font-size: 12px;}

article img{max-width:100%;height:auto;}
a {text-decoration: none;}

article table{border:1px solid #cccccc; border-collapse: collapse;}
article th, article td{border:1px solid #cccccc; padding: 5px;} 
article th{background-color: #f4f4f4;}

.article-nav {
    line-height: 2;
}