.comment {
    padding: 3px;
    color: #000;
    font-size: medium;
    border-bottom: 1px #eee solid;
}

.comment-author {
    color: darkorange;
}

.comment-date,
.comment-author {
    font-weight: bold;
}

.comment-like {
    color: orangered;
}

.comment-response,
.comment-date {
    color: #888;
}

.comment-inline {
    display: inline-block;
}

.comment-mentions-size {
    font-size: 12px;
}

.comment-content {
    color: #888;
    padding: 0;
}

.blog-tag {
    background-color: rgba(130, 7, 7, 0.7);
    color: aliceblue;
    border-radius: 10px;
    font-size: 12px;
    padding: 4px 8px;
}

.blog-tag:hover {
    background-color: rgba(130, 7, 7, 0.9);
    color: aliceblue;
    border-radius: 12px;
    font-size: 12px;
    padding: 4px 12px;
    transition: 300ms;
}

.blog-category {
    background-color: rgba(36, 2, 36, 0.7);
    color: aliceblue;
    border-radius: 6px;
    font-size: 13px;
    padding: 4px 8px;
}

.blog-category:hover {
    background-color: rgba(36, 2, 36, 0.9);
    color: aliceblue;
    border-radius: 10px;
    font-size: 13px;
    padding: 4px 12px;
    transition: 400ms;
}