body.dark-mode {
    background-color: #101010;
    color: #aaa;
}

body.dark-mode #main {
    background-color: #222;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #fff;
}

body.dark-mode a {
    color: #fff;
}

body.dark-mode .button {
    border-color: #aaa;
    color: #aaa;
}

body.dark-mode .button:hover {
    border-color: #00D3B7;
    color: #00D3B7;
}

body.dark-mode #footer {
    background-color: #1a1a1a;
    color: #aaa;
}

body.dark-mode #footer .inner {
    background-color: #1a1a1a;
}

body.dark-mode #footer section {
    background-color: #1a1a1a;
}

body.dark-mode #footer input[type="text"],
body.dark-mode #footer input[type="email"],
body.dark-mode #footer textarea {
    background-color: #2a2a2a;
    border-color: #444;
    color: #aaa;
}

body.dark-mode #footer input[type="text"]:focus,
body.dark-mode #footer input[type="email"]:focus,
body.dark-mode #footer textarea:focus {
    background-color: #2a2a2a;
    border-color: #00D3B7;
    color: #fff;
}

body.dark-mode #footer input[type="submit"] {
    border-color: #D8A7B1;
    color: #fff;
    background-color: #D8A7B1;
}

body.dark-mode #footer input[type="submit"]:hover {
    background-color: #D8A7B1;
    color: #fff;
    border-color: #D8A7B1;
}

body.dark-mode #footer .copyright {
    color: #666;
}