.bannerlink,.johnvertisement,.wiframe{margin:auto;inline-size:100%}.more-details,.top-banner{background-color:var(--hacker-gray)}.nav-header,.top-banner,body{text-align:center}.more-details summary,.nav-links a:after,.wiframe{inline-size:100%}.wiframe{border:0;border-radius:.375em;display:flex;min-height:550px}.top-banner{z-index:2}.tabwrap section{display:none}.tabwrap section:target{display:block}.johnvertisement{border:0;block-size:5.875em;max-inline-size:732px}.bannerlink{block-size:3.75em;max-inline-size:468px;object-fit:contain}.button-link,.more-details{border:.0625em solid var(--terminal-green);font-size:clamp(1rem,1vw,1rem);margin:1em;padding-block:.5em;padding-inline:.5em;color:var(--terminal-green);cursor:pointer;display:flex;transition:.2s;flex-direction:row;justify-content:center}body a{color:var(--cyber-blue)}article ol li,dl dt{font-size:larger}h1{color:var(--neon-green)}.site-icon{margin-inline-end:1em;vertical-align:middle}.more-details{flex-direction:column;flex-direction:row;justify-content:center;flex-direction:column}.button-link:focus,.button-link:hover{background:var(--neon-green);color:var(--hacker-black)}#skip a:focus,.timeline::after{inset-block-start:0}.wr,dl dt{overflow-wrap:anywhere;word-wrap:break-word}#skip a,.container::after,.timeline::after{position:absolute}#skip a,.breadcrumb-item,.breadcrumb-list,.more-details,.nav-header{display:flex}.button-link,.more-details,.site-title{letter-spacing:.0625em;font-weight:700}.container,.nav-links a,.timeline{position:relative}.more-details,.nav-links a,a{transition:.2s}.neon-green-svg{fill:var(--neon-green)}.black-svg{fill:var(--hacker-black)}.pink-svg{fill:var(--pink)}.white-svg{fill:var(--text-primary)}.indigo-svg{fill:var(--indigo)}.orange-svg{fill:var(--warning-amber)}.red-svg{fill:var(--error-red)}.yellow-svg{fill:var(--code-yellow)}.terminal-svg{fill:var(--terminal-green)}.blue-svg{fill:var(--cyber-blue)}.purple-svg{fill:var(--purple)}.no-bullet-item{float:none}dd,dl,dt,menu,ol,ul{list-style-type:none;margin:0;padding:0}.timeline::after{content:"";width:.375em;bottom:0;left:50%;margin-inline-start:-.1875em}.timeline{max-width:75em;margin:0 auto}.menulink,.note-post,img{margin:auto}.container{padding:.625em 2.5em;background-color:inherit;width:50%}.container::after,.content,.timeline::after{background-color:var(--hacker-dark)}.container::after{content:"";width:1.5625em;height:1.5625em;right:-1.0625em;border:.1875em solid #ff9f55;inset-block-start:.9375em;border-radius:50%;z-index:1}.left::before,.right::before{content:" ";height:0;position:absolute;inset-block-start:1.375em;width:0;z-index:1;border:solid var(--hacker-dark)}.left{left:0}.right{left:50%}.left::before{right:1.875em;border-width:.625em 0 .625em .625em;border-color:transparent transparent transparent var(--hacker-dark)}.right::before{left:1.875em;border-width:.625em .625em .625em 0;border-color:transparent var(--hacker-dark) transparent transparent}.right::after{left:-1em}.content{padding:1.25em 1.875em;border-radius:.375em}@media screen and (max-width:600px){.timeline::after{left:1.9375em}.container{width:100%;padding-inline-start:4.375em;padding-inline-end:1.5625em}.container::before{left:3.75em;border:solid var(--hacker-dark);border-width:.625em .625em .625em 0;border-color:transparent var(--hacker-dark) transparent transparent}.left::after,.right::after{left:.9375em}.right{left:0}}.nav-header,.nav-links,.nav-links a,body,footer,h3,h4,header,nav{color:var(--text-primary)}.outlink{vertical-align:text-bottom}.breadcrumb-item a,.breadcrumb-item a:focus,.breadcrumb-item a:hover,.nav-header,.nav-links,.nav-links a,article header,footer,h3,h4,nav{background-color:var(--hacker-gray)}#skip a{overflow:hidden;background:var(--background);color:var(--link);inset-inline-start:0;padding:.25em;inset-block-start:-1000px;z-index:1}*{box-sizing:border-box}a{border-block-end:.0625em dotted var(--cyber-blue)}.icon-row-post{margin-block-end:.5em}footer a{line-height:2.5}.breadcrumb-item a,.nav-links a,a{text-decoration:none}.eightthree{border:0;image-rendering:pixelated}.nav-links li{flex:auto}ul li{float:left}#skip a,#skip a:focus{transition:top .5s}.about-section h2,.about-section h3,.breadcrumb-nav,.more-details,.nav-links a,a,footer,nav{font-family:"JetBrains Mono",monospace}@font-face{font-display:swap;font-family:"JetBrains Mono";font-style:normal;font-weight:400;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"JetBrains Mono";font-style:normal;font-weight:700;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu Mono";font-style:normal;font-weight:400;src:url(/fonts/UbuntuSansMono-Regular.woff2) format("woff2")}:root{--hacker-black:#0a0a0a;--hacker-dark:#1a1a1a;--hacker-gray:#2a2a2a;--neon-green:#00ff55;--terminal-green:#00cc33;--cyber-blue:#4da6ff;--warning-amber:#ffcc00;--indigo:#7a7aff;--purple:#c285ff;--error-red:#ff4757;--pink:#ff4fd2;--text-primary:#ffffff;--text-secondary:#ccc;--link:#000;--background:#ffffff;--code-yellow:#ffff33}body,header{background-color:var(--hacker-black)}.about-section h2,.about-section h3,.nav-links a:focus,.nav-links a:hover,a,a:focus,a:hover{background-color:var(--hacker-gray);color:var(--neon-green)}body{background-image:linear-gradient(to bottom,var(--hacker-black),var(--hacker-dark));font-family:"Ubuntu Mono",monospace;line-height:1.6;transition:background .3s,color .3s}img{max-inline-size:75vw}a:focus,a:hover{border-block-end-color:var(--neon-green)}.about-section,.blog-post,.breadcrumb-nav,.note-post,summary:hover{background:var(--hacker-gray)}.nav-header{flex-direction:row;margin-block:.25em;margin-inline:.25em}.bottom-nav,.top-nav{border-radius:.1875em;border:.0625em solid var(--neon-green);box-shadow:0 0 .625em rgb(57 255 20/.2);flex-direction:column;margin:auto}.nav-links,.nav-links a{margin-block:.25em;margin-inline:.25em;display:flex}.nav-header{justify-content:center}.site-title{display:inline-flex}.nav-links{flex-wrap:wrap;flex-direction:row}.nav-links a{flex-direction:column;font-weight:700;flex:auto;border:.0625em solid transparent;padding:.25rem;padding-block:.25em}.breadcrumb-item a,.breadcrumb-nav{padding-block:.5rem;color:var(--neon-green)}.nav-links a:focus,.nav-links a:hover{border-color:var(--code-yellow);text-shadow:0 0 .3125em rgb(57 255 20/.5)}.nav-links a:after{background-color:var(--neon-green);inset-block-end:0;color:var(--terminal-green);content:"";block-size:.0625em;inset-inline-start:0;position:relative;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s}.nav-links:focus:after,.nav-links:hover:after{transform:scaleX(1);transform-origin:bottom left}.breadcrumb-nav{border:.0625em solid;border-radius:.1875em;margin-block:1rem;margin-inline:0;padding-inline:1rem}.breadcrumb-list{flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}.breadcrumb-item:not(:last-child):after{content:">";margin-inline-start:.5rem;margin-block-start:0.5rem}.breadcrumb-item a{border:.0625em solid transparent;border-radius:.1875em;padding-inline:.5rem;transition:.2s}.breadcrumb-item a:focus,.breadcrumb-item a:hover{border-color:var(--code-yellow);color:var(--neon-green)}.breadcrumb-item a[aria-current=page]{cursor:default;font-weight:700}.about-section,.blog-post,.note-post{border-radius:.5em;color:var(--text-primary)}.blog-post,.note-post{font-family:"JetBrains Mono","Ubuntu Mono",monospace;border:.0625em solid var(--neon-green);box-shadow:0 .3125em .9375em rgb(0 0 0/.3);max-inline-size:90vw;padding-block:2rem;padding-inline:1.5rem;inline-size:fit-content}.blog-post{text-align:start;margin:1em auto auto}@media (prefers-color-scheme:light){:root{--hacker-black:#f5f5f5;--hacker-dark:#e5e5e5;--hacker-gray:#d5d5d5;--neon-green:#008020;--terminal-green:#006b19;--cyber-blue:#1a4272;--warning-amber:#806000;--indigo:#2e2e80;--purple:#512c7b;--error-red:#700d12;--pink:#9a0076;--text-primary:#101010;--text-secondary:#4d4d4d;--link:#06c;--background:#ffffff;--code-yellow:#cccc00}}@media (max-width:575.98px){.wr{overflow-wrap:anywhere;word-wrap:break-word;font-size:xx-small}.about-section{max-inline-size:100%}.breadcrumb-list{gap:.25rem}}.about-section{flex:1 1 0%;min-inline-size:0;padding:.5em;margin-block-start:.5em;margin-inline:auto;margin-block-end:.5em}@media (max-width:991.98px){.about-section{max-inline-size:100%}}@media (max-width:767.98px){.wr{overflow-wrap:anywhere;word-wrap:break-word;font-size:small}}@media (max-width:1199.98px){.about-section{max-inline-size:100%}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:where(
a,button,input,select,textarea,[role=button],summary,details[role=button],.button-link,.more-details,.social-item
):focus-visible{outline:.125em solid var(--focus-outline,var(--terminal-green));outline-offset:0.125em}:where(
a,button,input,select,textarea,[role=button],summary
):focus:not(:focus-visible){outline:0}summary{cursor:pointer;list-style:none;padding:.25em .5em;border-radius:.25em}summary::marker{content:'▸ '}details[open]>summary::marker{content:'▾ '}