@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

.highlight { background: black; padding: 1px 1em; border-radius: 3px; font-size: 1em; font-size: 0.9em; overflow: auto; margin: 1em -1em; }

.highlight .c { color: #999988; font-style: italic; }

/* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2; }

/* Error */
.highlight .k { font-weight: bold; }

/* Keyword */
.highlight .o { font-weight: bold; }

/* Operator */
.highlight .cm { color: #999988; font-style: italic; }

/* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic; }

/* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd; }

/* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa; }

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

/* Generic.Emph */
.highlight .gr { color: #aa0000; }

/* Generic.Error */
.highlight .gh { color: #999999; }

/* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd; }

/* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa; }

/* Generic.Inserted.Specific */
.highlight .go { color: #888888; }

/* Generic.Output */
.highlight .gp { color: #555555; }

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

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

/* Generic.Subheading */
.highlight .gt { color: #aa0000; }

/* Generic.Traceback */
.highlight .kc { font-weight: bold; }

/* Keyword.Constant */
.highlight .kd { font-weight: bold; }

/* Keyword.Declaration */
.highlight .kp { font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr { font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold; }

/* Keyword.Type */
.highlight .m { color: #009999; }

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

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

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

/* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold; }

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

/* Name.Constant */
.highlight .ni { color: #800080; }

/* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold; }

/* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold; }

/* Name.Function */
.highlight .nn { color: #555555; }

/* Name.Namespace */
.highlight .nt { color: #000080; }

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

/* Name.Variable */
.highlight .ow { font-weight: bold; }

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

/* Text.Whitespace */
.highlight .mf { color: #009999; }

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

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

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

/* Literal.Number.Oct */
.highlight .sb { color: #d14; }

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

/* Literal.String.Char */
.highlight .sd { color: #d14; }

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

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

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

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

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

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

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

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

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

/* Name.Builtin.Pseudo */
.highlight .vc { color: #008080; }

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

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

/* Name.Variable.Instance */
.highlight .il { color: #009999; }

/* Literal.Number.Integer.Long */
/* ### Theme: Edith ### */
/* === Base Settings === */
/* --- Body Colors --- */
/* --- Text Colors --- */
/* --- Borders --- */
/* --- Embeds, Sidenote and Footnote Colors --- */
/* --- Font Family --- */
body { font-family: Helvetica, Arial, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; padding: 4vh 6vw; overflow-x: hidden; color: white; font-size: 1rem; background-color: #000000; }

/* TITLES
================================================== */
h1, h2, h3, h4, h5, h6 { line-height: 1.4; padding-bottom: 0; font-size: 1.15em; margin: 1em; margin-left: 0em; }

.title-text { text-transform: uppercase; text-decoration: underline; text-align: center; font-weight: bold; margin: 0em; line-height: 1em; }

.post-content h1 { text-transform: uppercase; text-align: center; font-weight: bold; text-decoration: underline; font-size: 1.3em; }

.post-content h2 { text-transform: uppercase; text-align: left; font-weight: bold; font-size: 1.25em; }

.post-content h3 { text-transform: none; font-weight: normal; text-decoration: underline; text-align: left; }

.post-content h4 { text-transform: none; font-weight: normal; font-size: 1em; text-align: left; }

ul { list-style-type: circle; }

hr { margin: 1.5em; }

/* CODE HIGHLIGHTING
================================================== */
code { color: white; background-color: blue; font-family: ”Iosevka Term SS03”, ”IBM Plex Mono”, ”Fira Code”, ”Fira Mono”, ”Roboto Mono”, ”Droid Sans Mono”, Monaco, Consolas, Courier, monospace; font-size: 1em; }

PRE { margin-left: 1em; }

/* LINKS
================================================== */
a { color: orange; text-decoration: none; }

a:hover { color: orange; text-decoration: underline; cursor: pointer; }

a.internal-link { color: orange; text-decoration: none; cursor: pointer; }

.notes-entry-container a.internal-link::before { content: "»"; }

.invalid-link, .invalid-link-brackets { color: orange; cursor: help; }

.web-link { color: chocolate; }

.web-link:hover { cursor: alias; color: chocolate; text-decoration: underline; }

.lastest-post-border h1, .title-text a { color: white; }

.sidenote a, nav a { font-weight: normal !important; }

nav a { color: blue !important; }

.anchor a { color: white; cursor: pointer; }

.anchor a:hover { color: orange; cursor: pointer; }

.toc-container a { cursor: pointer; }

/* HEADER ANCHORS
================================================== */
.anchor { visibility: hidden; color: gray; opacity: 0.7; text-decoration: none; font-size: 0.8em; font-familiy: monospace; }

.anchor:hover { text-decoration: none; color: white !important; cursor: pointer; }

h1:hover > a.anchor, h2:hover > a.anchor, h3:hover > a.anchor, h4:hover > a.anchor, h5:hover > a.anchor, h6:hover > a.anchor { visibility: visible; }

/* PAGE FORMATTING
================================================== */
.title { border: none; padding: 1em; margin-bottom: 1em; }

/* BACKLINKS
================================================== */
.backlinks-excerpt { font-size: 0.9em; color: white; }

.backlinks-none { font-size: 0.9em; text-align: center; }

#graph-wrapper svg { border: thin solid white; }

/* TABLE OF CONTENTS
================================================== */
.toc-container { border: 0, 5px solid #00000077; padding: 1em; padding-bottom: 0em; margin: 1em; margin: 0 auto; display: block; max-width: 50%; }

@media (max-width: 700px) { .toc-container { max-width: 100%; } }

.toc-container h1 { margin: 0em; }

.toc-container ol li { list-style-type: numeral; }

.toc-container ol li li { list-style-type: lower-latin; }

/* FOOTER
================================================== */
.footer-nav { margin: 1em; font-size: 0.8em; color: white; text-align: center; }

license { text-align: center; font-family: ”Iosevka Term SS03”, ”IBM Plex Mono”, ”Fira Code”, ”Fira Mono”, ”Roboto Mono”, ”Droid Sans Mono”, Monaco, Consolas, Courier, monospace; font: 1.1em; }

.license { padding: 1em; margin-top: 1em; max-width: 28em; margin: 0 auto; text-align: center; }

/* STRUCTURE
================================================== */
.sidebar-card, .index-card, .archive-cardi { margin-bottom: 1em; float: left; clear: both; background-color: #000000; padding: 0.5em 1em; box-sizing: border-box; width: 100%; }

.container-lg { max-width: 80em; margin: auto; }

.leftcolumn { float: left; width: 15%; margin: 0.5em; }

@media (max-width: 900px) { .leftcolumn { width: 100%; margin: auto; } }

.midcolumn { float: left; width: 60%; margin: 0.5em; }

@media (max-width: 900px) { .midcolumn { width: 100%; margin: auto; } }

.midcolumn-small { width: 40%; margin: auto; }

main { margin: auto; }

article { background-color: #000000; box-shadow: 1px 1px 0px none; }

@media (max-width: 900px) { article { margin-left: 0.5em; } }

.related { text-align: left; }

.related h1 { padding: 0.5em; margin: auto; text-align: center; }

.related h2 { margin: auto; padding-bottom: 0.5em; text-align: center; color: white; }

.related ul { margin: 0.1em; padding-bottom: 0.5em; padding-left: 1em; list-style-position: outside; }

.related ul li { margin: 0.1em; padding-bottom: 0.5em; }

/* PROFILE
================================================== */
.sidebar-card a, .related a { margin-bottom: 0.5em; text-decoration: underline; }

sidebar-card a:hover { color: white; }

.profile-pic { border-radius: 50%; width: 55px; margin-bottom: 0.5em; }

@media (max-width: 900px) { .profile-pic { float: 100%; margin: auto; } }

.profile { margin-bottom: 0.5em; font-weight: bold; text-align: center; }

.user-name { color: orange; text-decoration: underline; margin: auto; margin-top: 0; margin-bottom: 0; text-align: center; width: 100%; }

.sidebar-link-box, .index-grid { display: grid; grid-template-columns: auto; border: none; box-shadow: 1px 1px 0px none; background-color: black; margin-bottom: 0.5em; max-width: 100%; padding: 0.5em; font-size: 0.9em; }

@media (max-width: 900px) { .sidebar-link-box, .index-grid { margin: auto; display: block; } }

.silent-link { color: white; }

/* HOME 
=============*/
.home-card { width: 400px; margin: auto; padding: 25px; background-color: #000000; border: 0, 5px solid #00000077; }

.container-sml { width: 400px; margin: auto; }

.home-icon { width: 50px; background-color: transparent; border: none; }

.icon-grid { display: grid; grid-template-columns: 15% 70% 15%; padding: 5px; }

.flip { transform: scaleX(-1); }

/* POST CONTENT
(use this to style the formatting of your posts)
================================================== */
.post-content { line-height: 1.5em; margin-left: 2em; margin-right: 1em; padding-top: 0.5em; }

.post-content img { max-width: 70%; display: block; margin: auto; margin-bottom: 2em; max-height: 75vh; border-radius: 0px; }

.post-content blockquote { margin: 0; margin-left: 1em; font-size: 1em; font-family: serif; font-style: italic; }

.notes-entry-container { border: none; padding: 1em; padding-top: 0em; }

img + em { display: block; color: orange; text-align: center; width: 50%; margin-left: auto; margin-right: auto; font-size: 0.9em; margin-top: -1.5em; }

/* BACKLINKS
================================================== */
.backlinks-container { max-width: 28em; margin: 0 auto; background-color: black; padding: 1em; margin: 1em auto; }

.backlinks-container h1 { margin-bottom: 1em; }

.backlink-box { padding: 1em; margin-bottom: 0.5em; line-height: 1em; background-color: black; border: 1px solid orange; border-radius: 0px; line-height: 1em; }

/* EMBEDDED NOTES
================================================== */
.embed-wrapper { border: thin solid orange; padding: 1em; background-color: black; margin-top: 2em; margin-bottom: 2em; }

.embed-title { display: none; }

.embed-content { color: white; }

.embed-content p { color: white; }

/* SIDENOTES
================================================== */
.sidenote { padding-left: 5px; padding-top: 3px; padding-bottom: 3px; margin-left: 1em; font-style: italic; font-size: 0.8em; line-height: 1.1em; box-sizing: border-box; background-color: black; border: thin solid orange; color: white; }

.sidenote-hover { color: white; z-index: 1; box-sizing: border-box; color: orange; }

.sidenote:hover { z-index: 1; color: orange; }

.footnote web-link { position: relative; }

.bigger:after { content: ""; padding: 50px; position: absolute; left: -25px; top: -25px; }

/* FOOTNOTES
================================================== */
.footnotes { border: thin solid orange; padding: 1em 0; background-color: black; color: white; }

/* INDEX
================================================== */
.index-grid { display: grid; grid-template-columns: 50% 50%; text-align: left; grid-gap: flex; padding: 1em; }

@media (max-width: 1000px) { .index-grid { grid-template-columns: auto; } }

.index-anchor { text-decoration: none !important; }

.index-item, .archive-item, .library-item { width: 95%; margin: auto; background-color: black; text-align: left; margin-bottom: 1em; padding: 0.5em; border: thin solid orange; box-sizing: border-box; }

.index-item:hover, .archive-item:hover, .library-item:hover { box-shadow: 0px 0px 0px 1px orange; }

.index-item { height: 8em; overflow: hidden; }

.index-item-title, .library-item-title { font-weight: bold; text-decoration: underline; color: white; overflow: hidden; }

.index-item-date, .library-item-filetype { font-weight: normal; float: right; }

.index-item-topic { font-weight: normal; font-weight: bold; }

.index-item-excerpt { font-weight: normal; height: 5em; width: 85%; overflow: hidden; float: left; }

/* ARCHIVE
================================================== */
.archive-grid { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; grid-gap: 0.5em; background-color: #000000; padding: 1em; margin: auto; }

.archive-card { background-color: black; width: 100%; margin: auto; }

/* LIBRARY
================================================== */
.library-item { display: grid; grid-auto-columns: 100% 10%; }

.draft-badge { padding: 0.5em; width: fit-content; float: right; background-color: orange; color: white; font-weight: normal; }

.post-date { padding: 0.5em; width: fit-content; }

.library-grid-container { width: 90%; margin: auto; }

.library-grid { display: grid; grid-template-columns: 25% 25% 25% 25%; width: 100%; }

.library-image { background: white; }

.library-image-container { height: 7em; margin: 4%; background-position: center; background-size: contain; background-repeat: no-repeat; }

/* TAG PAGE
================================================== */
.tile h1, .home-link-button h1 { margin: auto; width: 100%; text-align: center; }

.tile:hover, home-link-button:hover { background-color: black; }

.tile:target { border: medium solid orange; }

.tile, .home-link-button { background-color: black; border: thin solid white; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }

.tile:hover, .home-link-button:hover { background-color: black; }

.tag-grid { display: grid; grid-template-columns: auto auto auto; }

/* PREVIOUS / NEXT BUTTONS
================================================== */
.prev-next { border: 1px solid white; margin-bottom: 0.5em; background-color: #000000; width: 100%; padding: 1em; height: 3.5em; border-bottom: none; }

.prev-next a { font-weight: bold; text-decoration: none; }

.prev { float: left; }

.next { float: right; }

.title-text { font-size: 1.5em; margin-top: 0.5em; }

.subtitle-text { width: 100%; text-align: center !important; margin: 0.5em auto; }

/* COLOR BADGES (ZETTELKASTEN HEX)
================================================== */
.hex-badge { width: 2em; height: 2em; float: right; border: 2px solid white; box-sizing: border-box; box-shadow: 0px 0px 0px 1px black; margin-top: -1em; }

/* NETWORK GRAPH (BACKLINK VISUAL REPRESENTATION)
================================================== */
.network-graph-container { clear: both; margin-top: 1em; display: block; background: #000000; border: 0, 5px solid #00000077; padding: 2em; height: 45em; }

.network-graph-container h1 { text-align: center; margin-bottom: 1em; }

.links line { stroke: orange; opacity: 0.5; }

.nodes circle { cursor: pointer; fill: orange; transition: all 0.15s ease-out; }

.text text { cursor: pointer; fill: white; }

.nodes [active], .text [active] { cursor: pointer; fill: orange; font-weight: bold; text-decoration: underline; }

.inactive { opacity: 0.4; transition: all 0.15s ease-out; }

#graph-wrapper svg { background: black; height: 40em; }

/* LISTS AND TABLES
================================================== */
ol li { list-style-type: decimal; }

ol li li { list-style-type: lower-alpha; }

ul li { list-style-type: disc; }

ul li li { list-style-type: square; }

table, tr, td { border: thin solid; border-collapse: collapse; padding: 0.5em; margin: auto; background-color: black; }

/* BORDERS
================================================== */
article, .index-card { border: 0, 5px solid #00000077; box-sizing: border-box; }

.sidebar-card, .border { border: 0, 5px solid #00000077; box-sizing: border-box; }

.prev-next { border: 1px solid white; box-sizing: border-box; }

/* GRAPHVIZ PARSER -- GRAPH VISUALISATION TOOL
================================================== */
.graphviz-wrapper { padding: 0px; }

.graphviz-wrapper svg { margin-left: auto; margin-right: auto; width: 100%; }

/* GENERAL PURPOSE CLASSES
================================================== */
/* -=Text=- */
.right-aside { float: right; border: thin solid orange; padding: 1.2em; width: 40%; margin-left: 2em; font-size: 0.9em; }

.left-aside { float: left; border: thin solid orange; padding: 1.2em; width: 40%; margin-left: 2em; font-size: 0.9em; }

.center { margin-left: auto; margin-right: auto; width: 50%; }

/* -=Images=- */
.right { float: right; width: 50%; padding: 1em; }

.left { float: left; width: 50%; padding: 1em; }

.border { border: thin solid black; }

.shadow { box-shadow: 0px 0px 15px black; }

.glow { box-shadow: 0px 0px 15px white; }

body { overflow-wrap: break-word; }

@media (max-width: 1350px) { .sidenote { display: none; } .midcolumn { width: 75%; } .leftcolumn { width: 20%; } .sidebar-link-box { overflow-x: hidden; } .sidebar-link-box ul { font-size: smaller; } }

@media (max-width: 800px) { .midcolumn, .leftcolumn { width: 100%; margin: auto; } .sidebar-link-box { line-height: 0.8em; } .containter-lg { width: 100%; } .sidebar-card { padding: 0.5em; } .related, .tags { display: none; } .toc-container { margin: auto; max-width: 80%; } .related h2 { text-align: left; } .post-content { padding: 0em; margin: 0em; } .prev-next { padding: 2em; display: none; } .prev-next a { padding: 1em; } .backlinks-container { width: 80%; } .archive-grid { grid-template-columns: 100%; grid-gap: 0.5em; background-color: #000000; padding: 1em; margin: auto; } .left-aside, .right-aside, .right, .left { width: 80%; float: none; } code { overflow-x: scroll; } }

/*----------------------------- CUSTOM BACKGROUND  Uncomment one of the below lines to override the background color/image of your chosen theme. 'theme' will leave the default theme background. */
/* <-- leave default theme BG color */
/* <-- leave default theme BG image */
/*There are 30 sample background tiles to choose from in assets > imgs > BGs*/
/*-----------------------------*/
body { background-color: theme; background-image: url(assets/imgs/bg-yotsuba.gif); }

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