code[class*=language-], pre[class*=language-] {color: #ccc;background: 0 0;font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;font-size: 1em;text-align: left;white-space: pre;word-spacing: normal;word-break: normal;word-wrap: normal;line-height: 1.5;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none }pre[class*=language-] {padding: 1em;margin: .5em 0;overflow: auto }:not(pre)>code[class*=language-], pre[class*=language-] {background: #2d2d2d }:not(pre)>code[class*=language-] {padding: .1em;border-radius: .3em;white-space: normal }.token.block-comment, .token.cdata, .token.comment, .token.doctype, .token.prolog {color: #999 }.token.punctuation {color: #ccc }.token.attr-name, .token.deleted, .token.namespace, .token.tag {color: #e2777a }.token.function-name {color: #6196cc }.token.boolean, .token.function, .token.number {color: #f08d49 }.token.class-name, .token.constant, .token.property, .token.symbol {color: #f8c555 }.token.atrule, .token.builtin, .token.important, .token.keyword, .token.selector {color: #cc99cd }.token.attr-value, .token.char, .token.regex, .token.string, .token.variable {color: #7ec699 }.token.entity, .token.operator, .token.url {color: #67cdcc }.token.bold, .token.important {font-weight: 700 }.token.italic {font-style: italic }.token.entity {cursor: help }.token.inserted {color: green }pre[class*=language-].line-numbers {position: relative;padding-left: 3.8em;counter-reset: linenumber }pre[class*=language-].line-numbers>code {position: relative;white-space: inherit }.line-numbers .line-numbers-rows {position: absolute;pointer-events: none;top: 0;font-size: 100%;left: -3.8em;width: 3em;letter-spacing: -1px;border-right: 1px solid #999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none }.line-numbers-rows>span {display: block;counter-increment: linenumber }.line-numbers-rows>span:before {content: counter(linenumber);color: #999;display: block;padding-right: .8em;text-align: right }:root {--width: 720px;--font-main: Verdana, sans-serif;--font-secondary: Verdana, sans-serif;--font-scale: 1em;--background-color: #fff;--heading-color: #222;--text-color: #444;--link-color: #3273dc;--visited-color: #8b6fcb;--code-background-color: #f2f2f2;--code-color: #222;--blockquote-color: #222;}::-webkit-scrollbar {display: none;}@media (prefers-color-scheme: dark) {:root {--background-color: #01242e;--heading-color: #eee;--text-color: #ddd;--link-color: #8cc2dd;--visited-color: #8b6fcb;--code-background-color: #000;--code-color: #ddd;--blockquote-color: #ccc;}}body {font-family: var(--font-secondary);font-size: var(--font-scale);margin: auto;padding: 20px;max-width: var(--width);text-align: left;background-color: var(--background-color);word-wrap: break-word;overflow-wrap: break-word;line-height: 1.5;color: var(--text-color);}h1, h2, h3, h4, h5, h6 {font-family: var(--font-main);color: var(--heading-color);}a {color: var(--link-color);cursor: pointer;text-decoration: none;}a:hover {text-decoration: underline;}nav a {margin-right: 8px;}strong, b {color: var(--heading-color);}button {margin: 0;cursor: pointer;}main {line-height: 1.6;}table {width: 100%;}hr {border: 0;border-top: 1px dashed;}img {max-width: 100%;}code {font-family: monospace;padding: 2px;background-color: var(--code-background-color);color: var(--code-color);border-radius: 3px;}blockquote {border-left: 1px solid #999;color: var(--code-color);padding-left: 20px;font-style: italic;}footer {padding: 25px 0;text-align: center;}.title:hover {text-decoration: none;}.title {display: flex;align-items: flex-end;}.title > h1 {margin-right: 16px;}.inline {width: auto !important;}.highlight, .code {padding: 1px 15px;background-color: var(--code-background-color);color: var(--code-color);border-radius: 3px;margin-block-start: 1em;margin-block-end: 1em;overflow-x: auto;}ul.blog-posts {list-style-type: none;padding: unset;}ul.blog-posts li {display: flex;}ul.blog-posts li span {flex: 0 0 130px;}ul.blog-posts li a:visited {color: var(--visited-color);}.YT-FOW {background-color: black;color: black;text-shadow: none;}.YT-FOW:hover, .YT-FOW:active {transition: color .2s linear;color: white }.YT-FOW a {cursor: pointer;color: black;text-decoration: none;}.YT-FOW a:visited {color: black;text-decoration: none;}.YT-FOW a:hover {color: white;text-decoration: underline;transition: color .2s linear;}