html[data-theme="dark"] {
  --main-text-color: #d8dee9;
  --main-background-color: #2e3440;
  --side-background-color: #222;
  --border-color: #4c566a;
  --link-color: #88c0d0;
  --link-hover-color: #d8dee9;

}

html[data-theme="light"] {
  --main-text-color: #2e3440;
  --main-background-color: #fff;
  --side-background-color: #2e3440;
  --border-color: #eee;
  --link-color: #5e81ac;
  --link-hover-color: #5e81ac;
}

main article h1, main article h2 {
 color: #5e81ac;
}

main {
 font-size: 1.5em;
 line-height: 1.5em;
 /* Reduce the sidebar with to 20% */
 left: 20vw;
 width: 80vw;
}


body {
 color: var(--main-text-color);
 background-color: var(--main-background-color);
}
a {
 color: var(--link-color);
}
aside {
 background-color: var(--side-background-color);
}

aside,
aside a {
 color:#eceff4
}

@media screen and (min-width:768px) {
 aside {
    /* Reduce the sidebar with to 20% */
    width:20vw;
  }
}

a.btn,
.tag-cloud a,
section#isso-thread section.auth-section p.post-action input {
 background-color: #4c566a;
 color:#fff;
}
a.btn:hover,
.tag-cloud a:hover {
 background-color:#5e81ac;
 color:#fff;
}
a:hover {
 color: var(--link-hover-color);
 text-decoration:underline
}
aside a:hover {
 color:#d8dee9;
 text-decoration:none;
}
hr {
 background-color: var(--border-color);
}

div.related-posts {
 margin:15px 0;
 padding-bottom:20px;
 border-top:1px solid var(--border-color);
 border-bottom:1px solid var(--border-color);
}


main nav {
 border-bottom: 1px solid #d8dee9;
}
ul.social a.sc-medium {
 background-color:#00ab6b
}
ul.social a.sc-rss {
 background-color:#f26109
}
ul.social a.sc-github,
ul.social a.sc-github-alt {
 background-color:#111010
}
ul.social a.sc-envelope {
 background-color:#578ad6
}
main article table {
 width: 100%;
}
.theme-switch {
  color: unset;
  background-color: unset;
  border: 0px;
}
@media screen and (max-width: 768px) {
 .theme-switch {
  position: absolute;
  top: 25px;
  right: 25px;
 }
}
@media screen and (min-width: 768px) {
 .theme-switch {
  position: fixed;
  bottom: 10px;
 }
}
main footer {
 border-top: var(--border-color);
}
main footer p {
 margin:2px;
 text-align:center;
 padding:0 40px;
 color:#999;
 font-size:11px
}
div.admonition div,
div.admonition p,
div.admonition pre {
 margin-bottom:0
}
div.admonition {
 color:#242121;
 background-color:#ccc
}
div.admonition.attention {
 color:#856404;
 background-color:#fff3cd
}
div.admonition.caution {
 color:#856404;
 background-color:#fff3cd
}
div.admonition.danger {
 color:#721c24;
 background-color:#f8d7da
}
div.admonition.error {
 color:#721c24;
 background-color:#f8d7da
}
div.admonition.hint {
 color:#004085;
 background-color:#cce5ff
}
div.admonition.important {
 color:#155724;
 background-color:#d4edda
}
div.admonition.tip {
 color:#004085;
 background-color:#cce5ff
}
div.admonition.warning {
 color:#856404;
 background-color:#fff3cd
}
div.figure {
 font-size:90%;
 color:#6c757d
}
main article table th.field-name {
    width: 10em;
    text-align: right;
    border-top: 0px;
    word-wrap:break-word;
}
main article table td.field-body {
    border-top: 0px;
}
main article :not(pre)>code {
 font-size:.8em;
 white-space:nowrap;
 color:#c25;
 padding:1px 3px;
 background-color:#f7f7f9;
 border:1px solid #e1e1e8;
 border-radius:3px
}