@media (prefers-color-scheme: dark) {
    body {
        background: #323232;
        color: white;
    }

    a {
        color: #b0aff7;
        text-decoration: none;
    }
}

@media (prefers-color-scheme: light) {
    body {
        background: #fffcf0;
        color: #323232;
    }

    a {
        color: #603a0e;
        text-decoration-style: underline;
        text-decoration-color: #ffb35d;
    }
}

header,
footer {
    padding: 25px;
}

.content {
    padding: 25px;
}

header .logo {
    background: #f5c507;
    display: inline-block;
    padding: 5px 8px 5px 8px;
    color: #323232;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

footer {
    margin-top: 25px;
}

code {
    border-radius: 5px;
}


.content img {
    max-width: 100%;
}