.page-not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}.page-not-found h1{display:flex;font-size:clamp(4rem,6vw,20rem)}.page-not-found h2{margin-bottom:10vh;font-size:clamp(2rem,4vw,10vw);color:var(--magenta)}.page-not-found .c1{color:var(--black)}.page-not-found .c2{color:var(--sky)}.page-not-found .c3{color:var(--sky)}.page-not-found .c4{color:var(--sky)}.page-not-found .c5{color:var(--black)}.page-not-found .emoji{color:var(--orange);padding-left:1rem}:root{--black:#3F3F46;--gray:#A1A1AA;--light:#FAFAFA;--white:#FFF;--divider:#E0F2FE;--magenta:#E879F9;--orange:#FB923C;--sky:#38BDF8;--brown:#A8A29E}body{margin:0;padding:0;font-family:roboto slab,serif;font-size:1rem;line-height:1.5;color:#3f3f46;color:var(--black);background-color:#fff;background-color:var(--white);text-rendering:optimizeLegibility;border:none;overflow-y:scroll}html{scroll-behavior:smooth}.container{display:flex;flex-direction:column;min-height:100vh;height:100%;max-width:80ch;margin:0 auto}main{display:flex;flex-grow:1;flex-direction:column}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none;margin:0;padding:0}svg{display:block;align-self:center;margin:auto}.meta{font-size:.8em;color:var(--gray)}a{color:var(--sky);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}@media print{.no-print,.no-print *{display:none!important}}article.post{padding:0 1rem}article.post>.meta{text-align:right}article.post>h1{color:var(--black);font-size:2em;font-weight:900}article.post>hr{height:1px;border:none;background:var(--divider);margin-top:1rem;margin-bottom:1rem}section.comics div{display:flex;flex-direction:row;overflow:auto}article.comic h2{margin-bottom:.5rem}footer{margin-top:2em;padding:1.5em 0;text-align:center;color:var(--gray);border-width:20%;border-top:4px solid var(--light)}footer div{display:flex;gap:1rem;justify-content:center;padding-bottom:1rem}footer a{color:var(--gray)}section.haikus div{display:flex;flex-direction:row;overflow:auto}section.haikus article{flex-shrink:0}div.haikus{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}article.item.haiku-1 a{font-weight:100;font-size:.9rem;line-height:1.6}article.item.haiku-2 a{font-weight:400;font-size:1rem;line-height:1.4}article.item.haiku-3 a{font-weight:600;font-size:1.2rem;line-height:1.3}article.item.haiku-4 a{font-weight:600;font-size:1.4rem;line-height:1.2}.post{display:flex;flex-direction:column;flex-grow:1}.post .haiku{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:12rem}.post .haiku p{margin:1rem;line-height:2rem;letter-spacing:.5rem;font-size:1.5rem;font-weight:400;color:var(--black);text-transform:uppercase}.post .haiku p:nth-child(2){font-style:italic}header{display:flex;flex-direction:column;position:relative;margin-top:2rem;margin-bottom:2rem}.logo{background:var(--orange);color:var(--white);padding:.35em .5em .35em 2em;text-decoration:none}.logo>span{font-weight:900}header nav{margin:.2rem 2rem;padding-top:.2rem}header nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;column-gap:1em}.welcome{height:32vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome h1{color:var(--orange);font-size:2.8em;font-weight:300}#👇{text-align:center;color:var(--sky);padding:1rem}#👇:hover{background-color:var(--light)}.sections{display:flex;flex-direction:column;gap:2rem;margin-top:4rem}.sections section h1 a{color:var(--magenta);letter-spacing:.2em;font-size:1.3em;font-weight:900;padding:0 1rem}section>a{padding:0 1rem}article.item{padding:1rem;display:flex;flex-direction:column;justify-content:center}article.item:hover{background-color:var(--light);transition:200ms ease}article.item a{color:var(--black)}article.item h2{font-weight:600}main.list{display:flex;flex-direction:column}main.list>h1{font-size:1.5em;font-weight:100;color:var(--magenta);padding:0 1rem}main.list>p{padding:0 1rem;padding-bottom:1rem}main.list>a{margin:1rem 0;padding:0 1rem}.body{font-family:roboto,sans-serif;max-width:100%}h1,h2,h3{font-family:roboto slab,serif;scroll-margin-top:1rem;position:relative}.body h1{color:var(--sky);font-weight:900;font-size:1.8em;margin-top:1em}.body h2{color:var(--magenta);font-weight:700;font-size:1.5em;line-height:1.33em;margin:1em 0}.body h3{color:var(--orange);font-weight:600;font-size:1.25em;line-height:1.4em;margin-top:1em}.body img{margin-top:1rem;max-width:100%}.body figcaption p{margin-top:0;text-align:center;color:var(--brown)}.body p{margin-top:1rem;margin-bottom:0}.body ul p,.body ol p{margin-top:.5rem}.body ol,.body ul{padding-left:1rem}.body ul{list-style-type:disc}.body ol{list-style-type:decimal}.body ol ol{list-style-type:lower-alpha}.body ol ol ol{list-style-type:lower-greek}.body code{padding:.1rem .4rem;border-radius:3px;background:var(--light);font-family:roboto mono,monospace}.body code,.body pre{font-size:.95rem}.body pre{padding:1em;margin:.5em 0;border-radius:.3em;background:#282a36;white-space:nowrap;overflow-x:auto}.body pre code{margin:0;padding:0;background:0 0;color:var(--white)}.body table{display:block;overflow-x:auto;max-width:fit-content;white-space:nowrap;margin:1rem 0;padding:.5rem;background-color:var(--light);border-radius:4px}.body table tbody,.body table thead{width:100%}.body blockquote{margin-right:0;padding-left:1rem;border-left:2px solid var(--brown);color:var(--brown)}.body th{margin:.5rem 1rem;color:var(--black)}.body td{padding:.5rem 1rem}.body hr{height:1px;border:none;background:var(--divider);margin-top:2rem;margin-bottom:2rem}#TableOfContents{margin:1rem 0;padding:1rem;background-color:var(--light);border-radius:4px}.anchor{color:unset;opacity:0;position:absolute;display:flex;top:0;bottom:0;padding:0 .6rem;transform:translateX(-100%);transition:opacity .1s ease-in;will-change:transform,opacity}.body .center{text-align:center}.body h1:hover .anchor,.body h2:hover .anchor,.body h3:hover .anchor{opacity:100}