:root { --font-titles: 'Roboto Mono', monospace; --font-main: 'Roboto Serif', sans-serif; }

.light { --body-bg: #D0D0C0; --main-bg: #FFFFFF; --side-bg: #F0F0D0; --foreground: #000000; --text: rgba(0,0,0, 0.70); --link-inactive: rgb(145, 80, 0); --link-active: rgb(209, 115, 39); --button-bg: var(--main-bg); --button-bg-active: rgba(255, 255, 255, 0.5); --bottom-border: 1px solid rgba(0,0,0,0.2); }

.dark { --body-bg: #222222; --main-bg: #2b2b2b; --side-bg: #50504d; --foreground: #000000; --text: rgba(255, 255, 255, 0.70); --link-inactive: rgb(0, 204, 255); --link-active: rgb(94, 231, 255); --button-bg: var(--main-bg); --button-bg-active: rgba(0, 0, 0, 0.75); --bottom-border: 1px solid rgba(255, 255, 255, 0.2); }

.transitions { transition: color 0.15s linear; transition: background-color 0.15s linear; }

.highlight .hll { background-color: #49483e; }

.highlight { background: #272822; color: #f8f8f2; }

.highlight .c { color: #75715e; }

/* Comment */
.highlight .err { color: #960050; background-color: #1e0010; }

/* Error */
.highlight .k { color: #66d9ef; }

/* Keyword */
.highlight .l { color: #ae81ff; }

/* Literal */
.highlight .n { color: #f8f8f2; }

/* Name */
.highlight .o { color: #f92672; }

/* Operator */
.highlight .p { color: #f8f8f2; }

/* Punctuation */
.highlight .ch { color: #75715e; }

/* Comment.Hashbang */
.highlight .cm { color: #75715e; }

/* Comment.Multiline */
.highlight .cp { color: #75715e; }

/* Comment.Preproc */
.highlight .cpf { color: #75715e; }

/* Comment.PreprocFile */
.highlight .c1 { color: #75715e; }

/* Comment.Single */
.highlight .cs { color: #75715e; }

/* Comment.Special */
.highlight .gd { color: #f92672; }

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gi { color: #a6e22e; }

/* Generic.Inserted */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: #75715e; }

/* Generic.Subheading */
.highlight .kc { color: #66d9ef; }

/* Keyword.Constant */
.highlight .kd { color: #66d9ef; }

/* Keyword.Declaration */
.highlight .kn { color: #f92672; }

/* Keyword.Namespace */
.highlight .kp { color: #66d9ef; }

/* Keyword.Pseudo */
.highlight .kr { color: #66d9ef; }

/* Keyword.Reserved */
.highlight .kt { color: #66d9ef; }

/* Keyword.Type */
.highlight .ld { color: #e6db74; }

/* Literal.Date */
.highlight .m { color: #ae81ff; }

/* Literal.Number */
.highlight .s { color: #e6db74; }

/* Literal.String */
.highlight .na { color: #a6e22e; }

/* Name.Attribute */
.highlight .nb { color: #f8f8f2; }

/* Name.Builtin */
.highlight .nc { color: #a6e22e; }

/* Name.Class */
.highlight .no { color: #66d9ef; }

/* Name.Constant */
.highlight .nd { color: #a6e22e; }

/* Name.Decorator */
.highlight .ni { color: #f8f8f2; }

/* Name.Entity */
.highlight .ne { color: #a6e22e; }

/* Name.Exception */
.highlight .nf { color: #a6e22e; }

/* Name.Function */
.highlight .nl { color: #f8f8f2; }

/* Name.Label */
.highlight .nn { color: #f8f8f2; }

/* Name.Namespace */
.highlight .nx { color: #a6e22e; }

/* Name.Other */
.highlight .py { color: #f8f8f2; }

/* Name.Property */
.highlight .nt { color: #f92672; }

/* Name.Tag */
.highlight .nv { color: #f8f8f2; }

/* Name.Variable */
.highlight .ow { color: #f92672; }

/* Operator.Word */
.highlight .w { color: #f8f8f2; }

/* Text.Whitespace */
.highlight .mb { color: #ae81ff; }

/* Literal.Number.Bin */
.highlight .mf { color: #ae81ff; }

/* Literal.Number.Float */
.highlight .mh { color: #ae81ff; }

/* Literal.Number.Hex */
.highlight .mi { color: #ae81ff; }

/* Literal.Number.Integer */
.highlight .mo { color: #ae81ff; }

/* Literal.Number.Oct */
.highlight .sa { color: #e6db74; }

/* Literal.String.Affix */
.highlight .sb { color: #e6db74; }

/* Literal.String.Backtick */
.highlight .sc { color: #e6db74; }

/* Literal.String.Char */
.highlight .dl { color: #e6db74; }

/* Literal.String.Delimiter */
.highlight .sd { color: #e6db74; }

/* Literal.String.Doc */
.highlight .s2 { color: #e6db74; }

/* Literal.String.Double */
.highlight .se { color: #ae81ff; }

/* Literal.String.Escape */
.highlight .sh { color: #e6db74; }

/* Literal.String.Heredoc */
.highlight .si { color: #e6db74; }

/* Literal.String.Interpol */
.highlight .sx { color: #e6db74; }

/* Literal.String.Other */
.highlight .sr { color: #e6db74; }

/* Literal.String.Regex */
.highlight .s1 { color: #e6db74; }

/* Literal.String.Single */
.highlight .ss { color: #e6db74; }

/* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2; }

/* Name.Builtin.Pseudo */
.highlight .fm { color: #a6e22e; }

/* Name.Function.Magic */
.highlight .vc { color: #f8f8f2; }

/* Name.Variable.Class */
.highlight .vg { color: #f8f8f2; }

/* Name.Variable.Global */
.highlight .vi { color: #f8f8f2; }

/* Name.Variable.Instance */
.highlight .vm { color: #f8f8f2; }

/* Name.Variable.Magic */
.highlight .il { color: #ae81ff; }

/* Literal.Number.Integer.Long */
body { padding: 0px; margin: 0px; background-color: var(--body-bg); font-family: var(--font-main); color: var(--text); }

@media print { body { background-color: white; color: black; font-size: 12px; } }

header, footer { width: 100%; min-height: 6em; display: flex; flex-direction: column; justify-content: center; align-items: center; }

@media print { header, footer { display: none; } }

header *, footer * { text-align: center; }

@media only screen and (max-width: 979.98px) { header, footer { padding-top: 2em; min-height: 3em; } }

h1, h2, h3, h4, h5, h6 { font-family: var(--font-titles); margin: 1em 0 1em; }

@media print { h1, h2, h3, h4, h5, h6 { margin: 0.35em 0 0; } }

p, li { line-height: 1.45; margin: 0.5em 0 1em; }

@media print { p, li { margin: 2.5px 0; line-height: 1.25; } }

em { font-size: 0.9em; }

hr { margin: 2em 0; }

@media print { hr { margin: 10px 0; } }

p > img, iframe { max-width: 90%; margin-left: 5%; margin-bottom: 0; border-radius: 8px; }

.img-caption { text-align: center !important; position: relative; top: -1em; font-style: italic; }

div.highlight { border-radius: 6px; padding: 0 12px; overflow: hidden; box-sizing: border-box; width: 100%; margin: 1em 0 1.5em; }

a { user-select: none; text-decoration: none; color: var(--link-inactive); }

a:hover, a:active { color: var(--link-active); }

@media print { a { color: darkblue; text-decoration: underline; line-height: 1px; } }

@media print { ul { margin-top: 6px; padding-left: 16px; } }

#headerlinks { min-width: 400px; margin: 0.5em; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

@media only screen and (max-width: 979.98px) { #headerlinks { width: 99vw; min-width: unset; margin: none; padding: none; flex-direction: column; } }

#all-content { width: 90vw; max-width: 960px; margin: auto; border-radius: 4px; overflow: hidden; display: flex; flex-direction: row; justify-content: center; }

@media print { #all-content { width: 100vw; } }

@media only screen and (max-width: 1079.98px) { #all-content { width: 99vw; margin: none; padding: none; } }

@media only screen and (max-width: 979.98px) { #all-content { width: 99vw; flex-direction: column; } }

#side-content { width: 240px; background-color: var(--side-bg); padding: 1em; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }

@media print { #side-content { display: none; } }

#side-content .title { width: 200px; margin-bottom: 8px; padding-bottom: 4px; border-bottom: var(--bottom-border); border-bottom-right-radius: 16px; }

#side-content a { width: 200px; background-color: var(--button-bg); border-radius: 16px; margin-bottom: 8px; padding: 7px 0 5px; text-align: center; }

#side-content a.current { background-color: var(--button-bg-active); }

#side-content a .material-icons { position: relative; font-size: 0.85em; top: 0.175em; opacity: 0.5; }

#side-content .contact { margin-top: 4px; }

@media only screen and (max-width: 979.98px) { #side-content { width: 100%; flex-direction: column; padding: 12px 0 4px; } #side-content .title, #side-content br, #side-content .contact { display: none; } #side-content a { width: 90vw; } }

#main-content { box-sizing: border-box; padding: 1em; width: 720px; background-color: var(--main-bg); }

@media print { #main-content { background-color: white; } }

@media only screen and (max-width: 979.98px) { #main-content { width: 100%; } #main-content p { text-align: justify; } }

#themer { position: absolute; width: 64px; height: 40px; top: 0px; right: 0px; background-color: var(--side-bg); border-bottom-left-radius: 8px; }

@media print { #themer { display: none; } }

#themer #slidy-outer { position: absolute; width: 48px; height: 24px; top: 8px; left: 8px; background-color: var(--link-active); border-radius: 12px; cursor: pointer; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5) inset; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

#themer #slidy-outer .material-icons { font-size: 18px; margin: 0 3px; user-select: none; color: rgba(255, 255, 255, 0.75) !important; }

#themer #slidy-switch { position: absolute; width: 20px; height: 20px; background-color: var(--main-bg); border-radius: 10px; top: 2px; left: 2px; transition: left 0.2s ease-in-out; }

#print-button { float: right; }

@media print { #print-button { display: none; } }

.transition { transition: color 0.15s linear; }

.post-excerpt { width: 95%; margin: 0 auto; border-bottom: var(--bottom-border); }

.post-excerpt .title { margin-top: 16px; margin-bottom: 4px; }

.post-excerpt .date { font-style: italic; font-size: 0.9em; color: rgba(var(--foreground), 0.4); }

.post-excerpt p { margin-top: 10px; margin-bottom: 16px; }

#post-date { position: relative; float: right; }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; }

.print-only { display: none; }

@media print { .print-only { display: unset; } }

@media print { .web-only { display: none; } }

/*# sourceMappingURL=styles.css.map */