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

code {
  font-family: monospace !important;
  font-size: 1.5em;
}

table {
  margin: 0 auto;
}

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

ul.social a.sc-lemmy {
  background-color: #777;
}

.fa-lemmy:before {
  font-family: "Font Awesome 6 Free";
  content: "\f45c";
  font-size: 1.2em;
  color: #0000;
  background-image: url(../images/lemmy.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

ul.social a.sc-codeberg {
  background-color: #2185d0;
}

.fa-codeberg:before {
  font-family: "Font Awesome 6 Free";
  content: "\f45c";
  font-size: 1.6em;
  color: #0000;
  background-image: url(../images/codeberg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

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