body {
    border-top: 1px dashed rgba(255,255,255,0.5);
    background-color: #000000;
    margin: 0 auto;
    padding: 0;
    font-family: monospace;
    font-size: 14px;
    line-height: unset !important;
    color: rgba(255,255,255,0.6);
    text-align: center;
    //width: 800px;
}
h1 {
  color: rgba(220,220,0,0.8);
  font-size: 24px;
  font-family: monospace;
  font-weight: bold;
}
h2 { color: rgba(220,220,0,0.7); }
h3 { color: rgba(220,220,0,0.6); }
h4 { color: rgba(220,220,0,0.5); }
h5 { color: rgba(220,220,0,0.4); }
h6 { color: rgba(220,220,0,0.3); }
footer {
    color: rgba(220,220,0,0.8);
    font-weight: bold;
    //width: 60%;
    border-top: dashed 1px rgba(255,255,255,0.5);
    margin: 20px auto 15px;
    padding-top: 12px;
}
header {
    margin-top: 25px;
    margin-bottom: 10px;
    color: rgba(220,220,0,0.9);
}
header p {
    text-align: left;
    margin: 0;
    /* color: rgba(220,220,0,0.7); */
    color: rgba(255,255,255,0.5);
}
a {
    text-decoration: none;
    color: rgba(220,220,0,0.8);
}
.menu {
    border-top: 1px dashed rgba(255,255,255,0.5);
    border-bottom: 1px dashed rgba(255,255,255,0.5);
    margin-bottom: 10px;
}
.menu ul {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 0px;
}
.menu ul li {
    display: inline;
    margin-left: 5px;
}
.menu ul li a {
    text-decoration: none;
    color: rgba(220,220,0,0.8);
}
.menu ul li a:hover {
    padding: 2px;
    border-left: 1px dashed rgba(220,220,0,0.5);
    border-right: 1px dashed rgba(220,220,0,0.5);
}
main {
    text-align: left;
}
a:hover {
		color: rgba(220,220,0,0.6);
}
/* Inline code styling */
code {
    background-color: rgba(220,220,0,0.1);
    border: 1px solid rgba(220,220,0,0.3);
    border-radius: 3px;
    padding: 1px 5px;
    font-family: monospace;
    font-size: 12px;
    color: rgba(220,220,0,0.85);
    white-space: nowrap;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
/* Reset for code inside pre blocks */
pre code {
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    font-size: inherit;
    white-space: pre;
}
/* Increase line height in lists with inline code */
li {
    line-height: 1.8;
}
pre {
    background-color: rgba(255,255,255,0.05);
    border: 1px dashed rgba(255,255,255,0.5);
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow:auto;
		font-family: monospace;
		font-size: 14px;
		color: rgba(255,255,255,0.4);
}
img {
    width: 80%;
    margin-left: 10%;
    border: 1px dashed rgba(255,255,255,0.5);
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
iframe {
    width: 100%;
    max-width: 750px;
    height: 400px;
    border: 1px dashed rgba(255,255,255,0.5);
    padding: 8px;
		margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.feed-recomendation {
	border-top: 1px dashed rgba(255,255,255,0.5);
	border-bottom: 1px dashed rgba(255,255,255,0.5);
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Table style */
audio {
  width: 90%;
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

td {
    border: 1px dashed rgba(255, 255, 255, 0.5);
}

caption {
    display: none;
}

table a {
    color: white;
}
/* End Table style */

/* Syntax highlighting styles - VS Code Dark Modern */
/* ----------------------------------------------------------*/

.highlight { background-color: #1f1f1f; color: #cccccc; }
.highlight .c { color: #6a9955 } /* Comment */
.highlight .err { color: #f44747 } /* Error */
.highlight .k { color: #569cd6 } /* Keyword */
.highlight .o { color: #d4d4d4 } /* Operator */
.highlight .cm { color: #6a9955 } /* Comment.Multiline */
.highlight .cp { color: #c586c0 } /* Comment.Preproc */
.highlight .c1 { color: #6a9955 } /* Comment.Single */
.highlight .cs { color: #6a9955 } /* Comment.Special */
.highlight .gd { color: #f44747; background-color: #3a1d1d } /* Generic.Deleted */
.highlight .gd .x { color: #f44747; background-color: #4b1818 } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #f44747 } /* Generic.Error */
.highlight .gh { color: #569cd6 } /* Generic.Heading */
.highlight .gi { color: #4ec9b0; background-color: #1d3a29 } /* Generic.Inserted */
.highlight .gi .x { color: #4ec9b0; background-color: #1d4b2f } /* Generic.Inserted.Specific */
.highlight .go { color: #808080 } /* Generic.Output */
.highlight .gp { color: #dcdcaa } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #569cd6 } /* Generic.Subheading */
.highlight .gt { color: #f44747 } /* Generic.Traceback */
.highlight .kc { color: #569cd6 } /* Keyword.Constant */
.highlight .kd { color: #569cd6 } /* Keyword.Declaration */
.highlight .kp { color: #569cd6 } /* Keyword.Pseudo */
.highlight .kr { color: #569cd6 } /* Keyword.Reserved */
.highlight .kt { color: #4ec9b0 } /* Keyword.Type */
.highlight .m { color: #b5cea8 } /* Literal.Number */
.highlight .s { color: #ce9178 } /* Literal.String */
.highlight .na { color: #9cdcfe } /* Name.Attribute */
.highlight .nb { color: #dcdcaa } /* Name.Builtin */
.highlight .nc { color: #4ec9b0 } /* Name.Class */
.highlight .no { color: #4fc1ff } /* Name.Constant */
.highlight .ni { color: #c586c0 } /* Name.Entity */
.highlight .ne { color: #4ec9b0 } /* Name.Exception */
.highlight .nf { color: #dcdcaa } /* Name.Function */
.highlight .nn { color: #4ec9b0 } /* Name.Namespace */
.highlight .nt { color: #569cd6 } /* Name.Tag */
.highlight .nv { color: #9cdcfe } /* Name.Variable */
.highlight .ow { color: #c586c0 } /* Operator.Word */
.highlight .w { color: #d4d4d4 } /* Text.Whitespace */
.highlight .mf { color: #b5cea8 } /* Literal.Number.Float */
.highlight .mh { color: #b5cea8 } /* Literal.Number.Hex */
.highlight .mi { color: #b5cea8 } /* Literal.Number.Integer */
.highlight .mo { color: #b5cea8 } /* Literal.Number.Oct */
.highlight .sb { color: #ce9178 } /* Literal.String.Backtick */
.highlight .sc { color: #ce9178 } /* Literal.String.Char */
.highlight .sd { color: #ce9178 } /* Literal.String.Doc */
.highlight .s2 { color: #ce9178 } /* Literal.String.Double */
.highlight .se { color: #d7ba7d } /* Literal.String.Escape */
.highlight .sh { color: #ce9178 } /* Literal.String.Heredoc */
.highlight .si { color: #9cdcfe } /* Literal.String.Interpol */
.highlight .sx { color: #ce9178 } /* Literal.String.Other */
.highlight .sr { color: #d16969 } /* Literal.String.Regex */
.highlight .s1 { color: #ce9178 } /* Literal.String.Single */
.highlight .ss { color: #ce9178 } /* Literal.String.Symbol */
.highlight .bp { color: #dcdcaa } /* Name.Builtin.Pseudo */
.highlight .vc { color: #9cdcfe } /* Name.Variable.Class */
.highlight .vg { color: #9cdcfe } /* Name.Variable.Global */
.highlight .vi { color: #9cdcfe } /* Name.Variable.Instance */
.highlight .il { color: #b5cea8 } /* Literal.Number.Integer.Long */
/* End Syntax highlighting styles */

.comment {
    color: rgba(255,255,255,0.3);
}
.reserved {
    color: rgba(220,220,0,0.4);
}
.string {
    color: rgba(220,220,0,0.7);
}
.function {
    color: rgba(255,255,255,0.5);
}
.number {
    color: rgba(255,255,255,0.7);
}

blockquote {
  border-left: unset;
margin: unset;
    font-size: 12px;
}

/* Blog post listing */
.posts {
    list-style: none;
    padding-left: 0;
}
.post-item {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
    align-items: baseline;
}
.post-date {
    white-space: nowrap;
    color: rgba(255,255,255,0.5);
    flex-shrink: 0;
}
.post-content {
    flex: 1;
    min-width: 0;
}
.post-tags {
    color: rgba(255,255,255,0.4);
    font-size: 12px;
}
/* End Blog post listing */

/* Post Navigation (Previous/Next) */
.post-nav {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 20px;
    padding-top: 20px;
    border-top: 1px dashed rgba(255,255,255,0.3);
    gap: 20px;
}
.post-nav-prev, .post-nav-next {
    flex: 1;
    max-width: 45%;
}
.post-nav-next {
    text-align: right;
}
.post-nav-label {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 4px;
}
.post-nav-title {
    display: block;
    color: rgba(220,220,0,0.8);
}
.post-nav a:hover .post-nav-title {
    color: rgba(220,220,0,0.6);
}
.post-nav-disabled {
    visibility: hidden;
}
/* End Post Navigation */

/* Series Navigation */
.series-nav {
    background: rgba(255,255,255,0.03);
    border: 1px dashed rgba(220,220,0,0.4);
    border-radius: 3px;
    padding: 15px;
    margin: 20px 0;
}
.series-header {
    color: rgba(220,220,0,0.8);
    font-weight: bold;
    margin-bottom: 10px;
}
.series-label {
    color: rgba(255,255,255,0.5);
    font-weight: normal;
}
.series-position {
    color: rgba(255,255,255,0.4);
    font-weight: normal;
    font-size: 12px;
}
.series-list {
    margin: 0;
    padding-left: 20px;
}
.series-list li {
    margin: 5px 0;
    color: rgba(255,255,255,0.5);
}
.series-list li a {
    color: rgba(220,220,0,0.7);
}
.series-current {
    color: rgba(220,220,0,0.9) !important;
    font-weight: bold;
}
/* End Series Navigation */

/* Table of Contents */
.toc {
    background: rgba(255,255,255,0.03);
    border: 1px dashed rgba(255,255,255,0.3);
    border-radius: 3px;
    padding: 15px;
    margin: 20px 0;
}
.toc summary {
    cursor: pointer;
    color: rgba(220,220,0,0.8);
    font-weight: bold;
    outline: none;
}
.toc ul {
    margin: 10px 0 0 0;
    padding-left: 20px;
}
.toc li {
    margin: 5px 0;
}
.toc a {
    color: rgba(255,255,255,0.6);
}
.toc a:hover {
    color: rgba(220,220,0,0.8);
}
/* End Table of Contents */

/* Related Posts */
.related-posts {
    margin: 30px 0;
    padding-top: 20px;
    border-top: 1px dashed rgba(255,255,255,0.3);
}
.related-posts h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.related-posts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.related-posts li {
    margin: 8px 0;
}
.related-posts a {
    color: rgba(220,220,0,0.8);
}
.related-date {
    color: rgba(255,255,255,0.4);
    font-size: 12px;
    margin-left: 10px;
}
/* End Related Posts */

/* Search */
.search-container {
    margin-bottom: 20px;
    position: relative;
}
#search-input {
    width: 100%;
    padding: 10px 12px;
    background: rgba(255,255,255,0.05);
    border: 1px dashed rgba(255,255,255,0.3);
    border-radius: 3px;
    color: rgba(255,255,255,0.8);
    font-family: monospace;
    font-size: 14px;
}
#search-input:focus {
    outline: none;
    border-color: rgba(220,220,0,0.5);
}
#search-input::placeholder {
    color: rgba(255,255,255,0.3);
}
#search-results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #111;
    border: 1px dashed rgba(255,255,255,0.3);
    border-top: none;
    border-radius: 0 0 3px 3px;
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
}
#search-results ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#search-results li {
    padding: 10px 12px;
    border-bottom: 1px dashed rgba(255,255,255,0.1);
}
#search-results li:last-child {
    border-bottom: none;
}
#search-results li:hover {
    background: rgba(255,255,255,0.05);
}
#search-results a {
    color: rgba(220,220,0,0.8);
    display: block;
}
.search-date {
    color: rgba(255,255,255,0.4);
    font-size: 12px;
    display: block;
    margin-top: 3px;
}
.no-results {
    padding: 10px 12px;
    color: rgba(255,255,255,0.4);
    margin: 0;
}
/* End Search */

/* Code Block Language Labels */
.highlighter-rouge {
    position: relative;
}
.highlighter-rouge[data-lang]::before {
    content: attr(data-lang);
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 2px 8px;
    font-size: 11px;
    color: rgba(220,220,0,0.6);
    background: rgba(0,0,0,0.5);
    border-radius: 0 3px 0 3px;
    text-transform: uppercase;
    z-index: 1;
}
/* End Code Block Language Labels */

/* Homepage Styles */
.home-post {
    margin: 8px 0;
}
.home-post .home-date {
    color: rgba(255,255,255,0.4);
    font-size: 13px;
    margin-right: 10px;
}
.home-post a {
    color: rgba(220,220,0,0.8);
}
.home-post a:hover {
    color: rgba(220,220,0,1);
}
/* End Homepage Styles */