:root{--loading-transition-time:.75s;--gray-dark:#222;--orange:#e49e4c;--large-viewport:1200px;--medium-viewport:640px}code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-shadow:0 1px #0000004d;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#292929}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#4f92bd}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#c1e37f}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#ddd}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{padding:1em 0 1em 3em;position:relative}.line-highlight{padding:inherit 0;pointer-events:none;line-height:inherit;white-space:pre;background:linear-gradient(90deg,#997a661a 70%,#997a6600);margin-top:1em;position:absolute;left:0;right:0}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);color:#f5f2f0;text-align:center;vertical-align:.3em;min-width:1em;text-shadow:none;background-color:#997a6666;border-radius:999px;padding:0 .5em;font:700 65%/1.5 sans-serif;position:absolute;top:.4em;left:.6em;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}pre.line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre.line-numbers>code{position:relative}.line-numbers .line-numbers-rows{pointer-events:none;letter-spacing:-1px;-webkit-user-select:none;user-select:none;border-right:1px solid #999;width:3em;font-size:100%;position:absolute;top:0;left:-3.8em}.line-numbers-rows>span{pointer-events:none;counter-increment:linenumber;display:block}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;text-align:right;padding-right:.8em;display:block}.token a{color:inherit}html{font-size:13px}body{color:#ddd;background-color:var(--gray-dark);background-image:url(/assets/images/overlay.png);flex-direction:column;font-family:Roboto,sans-serif;display:flex}main{flex-grow:1}.portrait{height:210px;transition:all ease-out var(--loading-transition-time);background:url(/assets/images/coding.png) top no-repeat;margin:60px auto -14px}.is-loading .portrait{opacity:0;transform:translateY(-30px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{color:#fff;z-index:100;background:#000;padding:8px;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}main:focus{outline:none}body.is-loading *,body.is-loading :before,body.is-loading :after{transition:none!important;animation:none!important}.console{transition:all ease-out var(--loading-transition-time);transform-origin:50%;font-family:Roboto Mono,sans-serif;font-size:1em}.is-loading .console{opacity:0;transform:scale(1.05)}main>.console{max-width:640px;margin:0 auto 60px}pre[class*=language-]{cursor:text;word-wrap:normal;border:none;border-top:3px solid var(--orange);background:#292929;border-radius:0;margin:0;padding:1em;line-height:1.5;transition:background-color .25s ease-out;overflow:auto}pre[class*=language-] code{white-space:pre-wrap}main :is(pre[class*=language-]){border-radius:0 0 5px 5px;margin:0 20px .5em}pre[class*=language-]:hover{background-color:#2d2d2d}.token.url-link:hover,.token.url-link:focus{text-decoration:underline}.portfolio{transition:all ease-out var(--loading-transition-time);flex-wrap:wrap;display:flex}.is-loading .portfolio{opacity:0;transform:translateY(40px)}.portfolio .title{display:none}.portfolio article{background-color:#222;position:relative}.portfolio article:before{content:"";z-index:1;background-color:#0000;width:100%;height:3px;transition:all .2s ease-out;display:block;position:absolute}.portfolio article:hover:before{background-color:var(--orange)}@media (width>=1200px){.portfolio article{width:33.33%}}@media (640px<width<1200px){.portfolio article{width:50%}}.portfolio article .thumb{opacity:.8;cursor:pointer;width:100%;height:100%;transition:opacity .33s ease-out}.portfolio article:hover .thumb{opacity:1}.portfolio article .modal{display:none!important}.modal .screenshot{width:100%;height:auto}@media (width>=1200px){.modal .screenshot{float:left;width:60%}.modal .console{float:right;vertical-align:top;width:40%;font-size:1rem}}#lightcase-case:not([data-lc-type=error]) #lightcase-content{background-color:#292929}#lightcase-nav a[class*=lightcase-icon-],#lightcase-nav a[class*=lightcase-icon-]:focus{color:var(--orange)}.lightcase-inlineWrap{padding:0!important}#lightcase-overlay{background-image:url(/assets/images/overlay.png)}#lightcase-info{display:none}.lightcase-contentInner{padding-top:0!important;padding-bottom:0!important}.lightcase-icon-close{display:none!important}.site-footer{text-align:center;cursor:default;color:#aaa;background-color:#000;flex-grow:0;padding:2em}.site-footer p{margin:0}.site-footer b{color:#ddd;font-weight:400}