:root {
    --primary-bg: #1b1b1b;
    --secondary-bg: #e9e4df;
    --text-color: #FDF6E3;
    --headings-accents: #a6bcb0;
    --secondary-accent: #a6bcb0;
    --link-hover: #b48eae;
}

body {
    background-color: var(--primary-bg);
    color: var(--text-color);
    font-family: 'Times New Roman';
    font-size: 1.2rem;
    max-width: 70%;
    margin: 15px auto;
    line-height: 1.6rem;
}

.content {
    display: flex;
}

.homepage-division{
    margin: 10px;
    color: var(--headings-accents);
}

.articles-list {
    min-width: 40%;
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.post-list{
    margin-left: 20px;
}

header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

sub{
    font-size: 10px;
}

sub:hover{
    font-size: 13px;
    color: var(--link-hover);
}

h1,
h2,
h3 {
    color: var(--headings-accents);
    text-decoration: underline dotted;
}

a {
    color: var(--headings-accents);
    text-decoration-color: var(--secondary-accent);
    text-decoration: underline solid;
}

a:hover{
    color: var(--link-hover);
}

sup{
    font-size: 10px;
    color: var(--link-hover);
}

b{
    color: var(--link-hover);
}

footer{
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-size: 0.9rem;
}