body {
    transition: background-color 0.4s ease, color 0.4s ease;
}

#entries,
#container,
#about,
#footer {
    transition: background-color 0.4s ease, color 0.4s ease;
}

html.dark-mode body {
    background-color: #181818;
    color: #f5f5f5;
}

html.dark-mode #header {
    color: #f5f5f5;
}

html.dark-mode #entries,
html.dark-mode #container {
    background-color: #333333;
    color: #f5f5f5;
}

html.dark-mode #about {
    background-color: #181818;
    color: #f5f5f5;
}

html.dark-mode .post-date {
    color: #f5f5f5;
}

html.dark-mode a {
    color: #ff9deb;
}

html.dark-mode a:hover {
    color: white;
}