MyFirstBlog/MyBlog/static/article/articles.css

.content-top {
    margin-top: 4rem !important;
}

.article-top {
    margin-top: 2rem !important;
}

.sidebar {
    will-change: min-height;
}

.sidebar__inner {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.column_button {
    color: #fff;
    background-color: #0085a1;
    border-color: #0085a1;
    font-weight: bold;
}

.middle {
    position: absolute;
    top: 10rem;
    left: 5rem;
}

.middle > a {
    color: #868e96 !important;
    font-style: italic;
    font-family: 'Lora', 'Times New Roman', serif;
}

.middle > a:hover {
    color: #0085a1 !important;
}

#line {
    position: relative;
    margin: 50px auto;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    background: linear-gradient(315deg, transparent 49.5%, #fff, #000, transparent 50.5%);
}