div.header-container {
	background-image: linear-gradient(rgba(106, 255, 36, 0.7), rgba(106, 255, 36, 0.7)), url(../img/blog.jpg);
}

a.blog-link:hover {
    text-decoration: none;
}

ul.sa-list-blog {
    list-style-type: disc;
    padding: revert;
}

div.date {
    font-size: 2vh;
    color: var(--bs-primary);
}

.blog-link .separator {
    display: inline-block;
    height: 2px;
    width: 5vh;
}

.blog-link a {
    color: white;
    font-size: 2.5vh;
}

.blog-link a:hover {
    text-decoration: none;
    color: #ddd;
}

.blog-link i.fa-solid {
    color: var(--bs-primary);
}

div.page {
    display: inline-block;
    padding: 10px;
    border: 2px solid var(--bs-primary);
}

div.page.active {
    background-color: var(--bs-primary);
    color: white;
}

div.page a {
    color: inherit;
    text-decoration: none;
}

a.first-page, a.last-page {
    border: none;
	color: #eee;
	background: var(--bs-secondary);
}

.excerpt h2::before {
    content: "\f02e";
    color: var(--bs-primary);
}