@font-face { font-family: IBMVGA8; src: url(/theme/fonts/PxPlus_IBM_VGA8.ttf); }
body, pre { font-family: IBMVGA8; }

pre { overflow: auto; }

a { text-decoration: none; color: #00AAAA; }
a:hover, a:focus { color: #FFFF55; }

strong, b { font-weight: normal; color: #FFFFFF; }

h1 { font-weight: normal; font-size: 16px; }

h2 { font-weight: normal; font-size: 16px; }

h3 { font-weight: normal; font-size: 16px; }

h4 { font-weight: normal; font-size: 16px; }

h5 { font-weight: normal; font-size: 16px; }

h6 { font-weight: normal; font-size: 16px; }

ul { list-style-type: none; }
ul li.with-bullet span { color: #999999; }
ul li.with-bullet--green:before { content: "\2666"; padding-right: 1ch; color: #0a0; }

.column { margin: 15px 0; }
.column--content { background-color: #181818; }
.column--transparent { background-color: transparent; }
.column__header { border-bottom: 1px solid #AA0000; }
.column__header__title { margin: 5px 0; color: #CC6600; }
.column__header__title--center { text-align: center; }
.column__footer { text-align: center; color: #CC6600; }
.column__footer__title { border-top: 1px solid #AA0000; margin: 5px 0; padding: 5px 0; }
.column__footer__title__meta { margin: 0 10px; }
@media screen and (max-width: 768px) { .column__footer__title__meta { display: block; } }

.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 .sb { color: #e6db74; }

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

/* Literal.String.Char */
.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 .vc { color: #f8f8f2; }

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

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

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

/* Literal.Number.Integer.Long */
.article h2 { color: #CC6600; }
.article h3, .article h4, .article h5, .article h6 { color: #BB0000; }
.article__section { padding: 15px 20px; background-color: #181818; margin: 30px 0; position: relative; }
.article__section h2 { border-bottom: 1px solid #AA0000; padding-bottom: 5px; margin: 0 0 25px 0; }
.article__section img { max-width: 760px; }
.article__section__to_top { position: absolute; right: 20px; top: 15px; text-decoration: none; display: none; color: #55FFFF; }
.article__section__to_top:before { content: "\25b2\a0"; color: #00AAAA; }
.article__section__to_top:after { content: "\a0\25b2"; color: #00AAAA; }
.article .article__section h2 ~ .article__section__to_top { display: block; }

.table-of-contents { display: inline-block; vertical-align: top; }
.table-of-contents > strong { color: #FFFFFF; }

#toc { display: inline-block; vertical-align: top; }
#toc ul { margin: 0; padding-left: 4ch; }
#toc ul li > a { text-decoration: none; color: #55FFFF; }
#toc ul li > a:before { color: #00AAAA; content: "\BB\A0"; }
#toc ul li > a:hover, #toc ul li > a:focus { color: #FFFF55; }
#toc ul li > a:hover:before, #toc ul li > a:focus:before { color: #00AAAA; content: "\25BA\A0"; }
#toc ul li ul li > a { color: #00AAAA; }
#toc ul li ul li > a:hover, #toc ul li ul li > a:focus { color: #FFFF55; }
#toc ul li ul li > a:before { content: "\25cb\A0"; }

.page-background { background-color: #000000; color: #999999; }

.main { margin-top: 100px; }
@media screen and (min-width: 1024px) { .main { width: 800px; margin: 100px auto; position: relative; } }

.menu { background-color: #181818; z-index: 1; }
.menu--floating { position: fixed; top: 0; left: 0; right: 0; }
.menu__content { margin: 5px 0; background-color: #323232; }

.navigation { margin: 10px auto; padding: 10px 15px; }
@media screen and (max-width: 768px) { .navigation { text-align: center; } }
@media screen and (min-width: 1024px) { .navigation { width: 800px; position: relative; } }
.navigation__title { color: #FFFF55; display: inline-block; font-size: 16px; margin: 0; padding-right: 25px; }
@media screen and (max-width: 768px) { .navigation__title { display: block; padding: 0; margin: 10px 0; } }
@media screen and (min-width: 1024px) { .navigation__title { position: absolute; transform: translateX(-100%); } }
.navigation__list { padding: 0; display: inline; }
.navigation__list__item { display: inline-block; list-style-type: none; text-transform: uppercase; }
.navigation__list__item__link { text-decoration: none; color: #55FFFF; }
.navigation__list__item__link--active { color: #FF5555; }
.navigation__list__item__link--active:after { color: #AA0000 !important; }
.navigation__list__item__link--active:before { color: #AA0000 !important; }
.navigation__list__item__link:after { content: "]"; color: #00AAAA; }
.navigation__list__item__link:before { content: "["; color: #00AAAA; }

.ascii-picture { font-size: 6px; margin: auto; width: 392px; }
@media screen and (max-width: 768px) { .ascii-picture { font-size: 4px; width: 264px; } }