#main
{
    margin: 20px 15px;
}

/* Article */

h1.articleTitle
{
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    color: var(--primary-color);
}
.articleInfo
{
    margin-bottom: .5rem;
    color: #BFBFBF;
}
.articleContent
{
    clear: both;
    margin: 30px 0 0;
    min-height: 300px;
    color: #3A3A3A;
}

/* ul.coverImages */

ul.coverImages
{
    display: flex;
    flex-wrap: wrap;
}
ul.coverImages li
{
    margin: 20px 20px 20px 0;
    width: 200px;
}
ul.coverImages li a
{
    height: 200px;
    box-shadow: 2px 2px 4px #eee;
}

/* ul.sibling */

ul.sibling
{
    margin: 30px 20px 0;
}
ul.sibling li
{
    margin: 10px 0;
    color: #7c7c7c;
}
ul.sibling li a
{
    color: #7c7c7c;
}