body main article:not(.single) div img {
    float: right;
    margin-left: 20px;
    max-width: 200px;
    max-height: 140px;
}

body main article.single div img {
    display: block;
    margin: 0 auto;
}

.rounded-image img {
    border-radius: 50%;
}

:root {
    --accent-color-light: #56a408;
    --accent-color-secondary-light: #63c206;
    --light-text: #ccc;

    --accent-color-dark: #9dc0c0;
    --accent-color-secondary-dark: #dbdbdb;
    --dark-text: #1e1e1e;
    --medium-grey: #5f5f5f;
    --bg-color: #1e1e1e;

    @media (prefers-color-scheme: light),
    (prefers-color-scheme: no-preference) {
        --accent-color: var(--accent-color-light);
        --accent-color-secondary: var(--accent-color-secondary-light);
        --text: var(--light-text);
    }

    @media (prefers-color-scheme: dark) {
        --accent-color: var(--accent-color-dark);
        --accent-color-secondary: var(--accent-color-secondary-dark);
        --text: var(--dark-text);
    }

    body.light-theme {
        --accent-color: var(--accent-color-light);
        --accent-color-secondary: var(--accent-color-secondary-light);
        --text: var(--light-text);
    }

    body.dark-theme {
        --accent-color: var(--accent-color-dark);
        --accent-color-secondary: var(--accent-color-secondary-dark);
        --text: var(--dark-text);
    }

    accent-color: var(--accent-color);
}

a {
    color: var(--accent-color);
}

a:hover {
    color: var(--accent-color-secondary);
}

.tag-cloud a {
    background-color: var(--accent-color);
    color: var(--text);
}

.tag-cloud a:hover {
    background-color: var(--accent-color-secondary);
}

a.btn,
section#isso-thread section.auth-section p.post-action input {
    background-color: var(--accent-color);
    color: var(--text);
}

a.btn:hover {
    background-color: var(--accent-color-secondary);
}

body {
    background-color: var(--bg-color);
}

main nav {
    border-bottom-color: #222;
}
