/* Dark Mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: white;
    }
    a {
        text-decoration: none;
        color: #f3ccc3;
    }
}

/* Light Mode */
@media (prefers-color-scheme: light) {
    body {
        background-color: white;
    }
    a {
        text-decoration: none;
        color: #da644a;
    }
}

/* Universal */
body {
    justify-content: center;
}

header h1 {
    text-align: center;
}

code {
    background-color: lightslategrey;
    color: white;
    border-radius: 5px;
    padding: 1pt;
}

footer {
    text-align: center;
    clear: both;
}

/* For header.html */
#nav {
    background-color: #da644a;
}

#nav-button {
    color: white;
    padding: 0px 25px;
    text-decoration: none;
}

#nav-button:hover {
    background-color: #e69886;
}

/* For author.html */
#avatar {
    border-radius: 8px;
    max-width: 200px;
    height: auto;
}
#pronouns {
    color: maroon;
}

/* For meta.html */
.meta {
    text-align: center;
    clear: both;
}
#meta-avatar {
    border-radius: 8px;
    max-width: 60px;
    height: auto;
}