:root{--lightest-green:#97B993;--lighter-green:#29A129;--light-green:#128512;--brand-green:#006B00;--dark-green:#004D00;--darker-green:#002C00;--background:#fff;--dark-background:#000;--font:'Nunito', sans-serif;--font-header:'Roboto', sans-serif;--font-monospace:'Hack', monospace;--header-lighter:var(--lightest-green);--header-base:var(--brand-green);--header-darker:var(--darker-green);--review-image-max-height:225px;--review-image-book-thickness:1rem;--review-image-book-background:#000;--background-color:var(--background);--text-color:var(--darker-green);--header-text-color:var(--darker-green);--link-color:var(--darker-green);--hover-background:var(--lightest-green);--hover-text-color:var(--darker-green);--code-background:var(--darker-green);--code-text-color:var(--lightest-green);--sub-menu-background:var(--darker-green);--sub-menu-text-color:var(--lightest-green)}@media(prefers-color-scheme:dark){:root{--background-color:var(--dark-background);--text-color:var(--lightest-green);--header-text-color:var(--lighter-green);--link-color:var(--lighter-green);--hover-background:var(--lightest-green);--hover-text-color:var(--darker-green);--code-background:var(--lightest-green);--code-text-color:var(--darker-green);--sub-menu-background:var(--lightest-green);--sub-menu-text-color:var(--darker-green)}}body{margin:0;margin-bottom:5rem;padding:0;font-family:var(--font);font-size:1rem;background-color:var(--background-color);color:var(--text-color)}pre,code{font-family:Hack,monospace;font-size:.9em}h1{font-family:var(--font-header);font-size:4rem;color:var(--header-text-color)}h2{color:var(--header-text-color)}a,span{color:var(--link-color);text-decoration:none}main{display:flex;flex-direction:row;padding:1rem 5rem 1rem .7rem}.updatedate{font-size:.7rem;color:var(--text-color)}body>header{display:flex;background:linear-gradient(180deg,var(--header-lighter) 0%,var(--header-base) 0%,var(--header-darker) 100%);font-weight:700;font-size:3.5rem}body>header a{color:var(--lightest-green);text-decoration:none;padding:.2rem .2rem .2rem 0;margin-left:.7rem;white-space:nowrap}body>header a.navbar-brand{perspective:600px}.brand-letter{display:inline-block;transform-style:preserve-3d;will-change:transform}.brand-gap{display:inline-block;width:.35em}@media(prefers-reduced-motion:reduce){.brand-letter{transform:none!important}}aside{display:flex;flex-direction:column;padding:0 2rem .7rem 0;min-width:7rem}aside nav{display:flex;flex-direction:column;padding-bottom:.7rem}aside nav span,aside nav a{padding:.1rem .3rem 0;margin-right:.5rem;border-radius:.1rem}aside nav a.active{font-weight:900}aside nav a:hover,aside nav span:hover{background-color:var(--hover-background);color:var( --hover-text-color)}article h1{margin:0}article{max-width:70rem}article .header-image{display:flex;align-items:center}article .header-image img{height:4.5rem;width:auto;margin-bottom:.5rem;margin-right:1.5rem}article section{padding:1rem 0}article section:first-child{padding:0}article section header{display:flex;justify-content:space-between;border-bottom:1px dashed var(--header-text-color);margin-bottom:.3rem;flex-wrap:wrap}article section header a,article section header h2{font-size:1.2rem;font-weight:700;padding:0;margin:0 1rem 0 0;text-decoration:none;border:none;word-wrap:break-word}article section header :where(span,time){font-size:.8rem;align-self:flex-end}article section.smilies .content{margin-top:1rem;display:flex;justify-content:space-between;align-items:flex-end}article section.smiles a,article section.random a,article section.videos a{border:0;height:unset}article section.random .content,article section.videos .content{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}article section.random .content div,article section.videos .content div{display:flex;flex-direction:column;text-align:center;font-size:.8rem;margin-bottom:1rem}article section.random .content div.no-anchor,article section.videos .content div.no-anchor{margin-bottom:2rem}article section.random .content img,article section.videos .content video{margin:0 .3rem;border-radius:.6rem}article a{display:inline-block;text-decoration:none;border-bottom:1px solid var(--text-color);height:1.2rem}article a:active{transform:translateY(2px)}article img{border-radius:.6rem}code:not([class]){background-color:var(--code-background);color:var(--code-text-color);border-radius:.1rem;padding:0 .3rem}article .chroma{background-color:var(--code-background);color:var(--code-text-color)}article h2{margin-top:4rem}.highlight{position:relative}.highlight>pre{border-radius:.6rem;padding:1rem;overflow:auto}.language-css::before{content:"css";font-size:.7rem;position:absolute;right:6px;top:2px}.language-sh::before{content:"sh";font-size:.7rem;position:absolute;right:6px;top:2px}.pagination{display:flex;list-style-type:none;margin:1rem 0 0;padding:0}.pagination .page-item{margin-right:1rem}.pagination .page-item a{border:none}.pagination .page-item.active a{font-weight:700}footer{margin:6rem 0 0 10rem;font-size:.7rem}@media(max-width:800px){h1{font-size:11vw}body>header a{font-size:11vw}main{flex-direction:column;padding:1rem .7rem}aside{padding:0 0 .7rem;flex-wrap:wrap;justify-content:space-between}aside,aside nav{flex-direction:row;flex-wrap:wrap}footer{margin-left:.7rem}}