body {
    min-height: 99%;
    position: relative;
    padding-bottom: 60px;
    background-color: #181818;
    color: #e0e0e0;
}

img {
    max-width: 90%;
    max-height: 40em;
}

pre {
    max-width: 100%;
    border: 1px solid #333333;
    border-radius: .28571429rem;
    padding: 8px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: #1f1f1f;
}

code {
    background-color: #1f1f1f;
    border-radius: 2px;
    color: #9cdcfe;
}

a.anchor {
    display: inline-block;
}

a.anchor:link {
    text-decoration: none;
}

a.anchor:hover {
    text-decoration: none;
}

a.anchor:visited {
    text-decoration: none;
}

a.anchor:active {
    text-decoration: none;
}

.heading {
    margin: 10px 0 0 0 !important;
    color: #9cdcfe;
}

.page-title {
    display: inline-block;
    margin: 10px !important;
    font-size: 1.6rem;
    vertical-align: sub;
    color: #569cd6;
}

.page-content {
    margin: 5px;
    background-color: #1f1f1f;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #333333;
}

.index-content {
    margin: 0;
    background-color: #1f1f1f;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #333333;
}

.sidebar-column {
    width: 100% !important;
    word-break: break-word;
    background-color: #1f1f1f;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #333333;
    color: #e0e0e0;
}

.sidebar-avatar {
    max-width: 100%;
}

.footer {
    background: #1f1f1f;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #333333;
}

.footer-text {
    padding: 1.5em;
    text-align: center;
    color: #b0b0b0;
}

.logo-text {
    color: inherit;
    text-decoration: none;
}
.logo-text:link {
    color: inherit;
    text-decoration: none;
}
.logo-text:visited {
    color: inherit;
    text-decoration: none;
}
.logo-text:hover {
    color: inherit;
    text-decoration: none;
}
.logo-text:active {
    color: inherit;
    text-decoration: none;
}

/* Links styling for dark mode */
a {
    color: #569cd6;
    text-decoration: underline;
}

a:visited {
    color: #b780d1;
    text-decoration: underline;
}

a:hover {
    color: #9cdcfe;
    text-decoration: none;
}

/* General text elements */
h1, h2, h3, h4, h5, h6 {
    color: #9cdcfe;
}

p, div, span, small {
    color: #e0e0e0;
}

/* Fix small tag under heading */
.heading small, h1 small {
    color: #b0b0b0 !important;
}

/* Fix content class */
.content {
    background-color: #181818 !important;
    color: #e0e0e0 !important;
}

/* Fix ui card */
.ui.card, .ui.cards > .card {
    background-color: #1f1f1f !important;
    border: 1px solid #333333 !important;
    color: #e0e0e0 !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12) !important;
}

.ui.card .content, .ui.cards > .card .content {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #333333 !important;
}

.ui.card .extra.content, .ui.cards > .card .extra.content {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #333333 !important;
}

.ui.card .header, .ui.cards > .card .header {
    color: #9cdcfe !important;
}

.ui.card .meta, .ui.cards > .card .meta {
    color: #b0b0b0 !important;
}

.ui.card .description, .ui.cards > .card .description {
    color: #e0e0e0 !important;
}

/* Additional card text elements */
.ui.card p, .ui.card div, .ui.card span, 
.ui.cards > .card p, .ui.cards > .card div, .ui.cards > .card span {
    color: #e0e0e0 !important;
}

/* Fix ui vertical menu */
.ui.vertical.menu, .ui.vertical.menu.sidebar-column {
    background-color: #1f1f1f !important;
    border: 1px solid #333333 !important;
}

.ui.vertical.menu .item, .ui.vertical.menu.sidebar-column .item {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
}

.ui.vertical.menu .item .header, .ui.vertical.menu.sidebar-column .item .header {
    color: #9cdcfe !important;
    border-top: 1px solid #333333 !important;
    margin-top: 15px !important;
    padding-top: 8px !important;
}



/* Additional text elements in vertical menu */
.ui.vertical.menu p, .ui.vertical.menu div, .ui.vertical.menu span,
.ui.vertical.menu.sidebar-column p, .ui.vertical.menu.sidebar-column div, .ui.vertical.menu.sidebar-column span {
    color: #e0e0e0 !important;
}

.ui.vertical.menu a, .ui.vertical.menu.sidebar-column a {
    color: #569cd6 !important;
}

.ui.vertical.menu a:visited, .ui.vertical.menu.sidebar-column a:visited {
    color: #b780d1 !important;
}

.ui.vertical.menu a:hover, .ui.vertical.menu.sidebar-column a:hover {
    color: #9cdcfe !important;
    background-color: #2a2a2a !important;
}

/* Fix column class */
.column {
    background-color: #181818 !important;
}

/* Fix ui raised segment */
.ui.raised.segment {
    background-color: #1f1f1f !important;
    border: 1px solid #333333 !important;
    color: #e0e0e0 !important;
}

/* Fix ui list */
.ui.list .item .header {
    color: #9cdcfe !important;
}

.ui.list .item {
    color: #e0e0e0 !important;
}

/* Fix ui dividing header */
.ui.dividing.header {
    border-bottom: 1px solid #333333 !important;
}

/* Fix ui ribbon label */
.ui.ribbon.label {
    background-color: #569cd6 !important;
    color: #ffffff !important;
}

/* Fix ui menu */
.ui.menu {
    background-color: #1f1f1f !important;
    border: 1px solid #333333 !important;
}

.ui.menu .item {
    color: #e0e0e0 !important;
}


/* highlight.js moonlight theme */
.hljs-comment{color:#828bb8}.hljs-variable,.hljs-attribute,.hljs-tag,.hljs-regexp,.ruby .hljs-constant,.xml .hljs-tag .hljs-title,.xml .hljs-pi,.xml .hljs-doctype,.html .hljs-doctype,.css .hljs-id,.css .hljs-class,.css .hljs-pseudo{color:#ff757f}.hljs-number,.hljs-preprocessor,.hljs-pragma,.hljs-built_in,.hljs-literal,.hljs-params,.hljs-constant{color:#ffc777}.ruby .hljs-class .hljs-title,.css .hljs-rule .hljs-attribute{color:#c3e88d}.hljs-string,.hljs-value,.hljs-inheritance,.hljs-header,.hljs-name,.ruby .hljs-symbol,.xml .hljs-cdata{color:#c3e88d}.hljs-title,.css .hljs-hexcolor{color:#86e1fc}.hljs-function,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword,.perl .hljs-sub,.javascript .hljs-title,.coffeescript .hljs-title{color:#82aaff}.hljs-keyword,.javascript .hljs-function{color:#c099ff}.hljs{display:block;overflow-x:auto;background:#1f1f1f;color:#e0e0e0;padding:0.5em;-webkit-text-size-adjust:none}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .css,.xml .hljs-cdata{opacity:0.5}