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;
}

table {
  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;
}
