@font-face{font-family:"Berkeley Mono";src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-Regular.woff") format("woff")}@font-face{font-family:"Berkeley Mono";font-weight:bold;src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-Bold.woff") format("woff")}@font-face{font-family:"Berkeley Mono";font-style:italic;src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-Italic.woff") format("woff")}@font-face{font-family:"Berkeley Mono";font-weight:bold;font-style:italic;src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-BoldItalic.woff") format("woff")}:link,:visited{color:inherit;text-decoration-color:#ff8c00}:focus{color:inherit;background-color:#ff8c00;text-decoration-color:#fff;outline:none}header{padding:16px;font-size:4rem}header h1{display:inline;margin:0;margin-left:-4px;font-size:1em;text-transform:uppercase}header h1 a{padding:0 4px;text-decoration:none}header h1 a:focus{background-color:inherit}header h1 .dot{width:auto;height:.375em;margin-top:-0.15em;vertical-align:middle;animation:rotation 4s infinite reverse linear;cursor:help}header>.actions{position:absolute;top:2px;right:26px;border:2px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;text-align:center;font-size:16px}header>.actions>.feed{display:block;width:20px;height:20px;background-color:#fff}header>.actions>.feed:hover{background-color:#ff8c00}header>.actions>.feed img{padding-top:2px;width:16px;height:16px}header>#egg{display:none}header>#egg:target{display:block}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@media(width <= 800px){header{font-size:2rem;padding:8px}}@media(width <= 400px){header{font-size:1rem;padding:4px}}footer>#git{position:absolute;bottom:calc(100% + 8px + 2px);left:10px;height:32px;width:32px;background-color:#f2f2f2;border:2px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;opacity:.4}footer>#git:target{width:calc(100vw - 52px);max-width:800px;height:auto;opacity:1;z-index:1}footer>#git:target .open{display:none}footer>#git:target .close,footer>#git:target .content{display:block}footer>#git:hover,footer>#git:has(.open:focus){opacity:1}footer>#git .open,footer>#git .close{position:absolute;display:block;bottom:0;left:0;width:28px;height:28px;box-sizing:border-box}footer>#git .open>img,footer>#git .close>img{display:block;width:24px;height:24px;padding-top:2px;padding-left:2px}footer>#git .open>img.selected{display:none}footer>#git .open:focus>img{display:none}footer>#git .open:focus>img.selected{display:block}footer>#git .close,footer>#git .content{display:none}footer>#git .close{height:29px;width:29px;background-color:#ff8c00;border:1px solid #000;border-bottom-width:0;border-left-width:0}footer>#git .content{padding:0;padding-left:40px;min-height:100px;max-height:240px;box-sizing:border-box;overflow-y:auto}footer>#git .content>.actions{position:absolute;left:0;bottom:29px;width:29px}footer>#git .content>.actions>a{display:block;height:29px;background-color:#f2f2f2;border:1px solid #000;border-bottom-width:0;border-left-width:0;box-sizing:border-box;text-decoration:none;text-align:center;font-size:24px;line-height:26px}footer>#git .content>.actions>a:hover,footer>#git .content>.actions>a:focus{color:#fff;background-color:#ff8c00}footer>#git .content table{margin:0 auto;width:100%;background-color:#ccc;border-collapse:collapse;border:2px solid #000;border-top-width:0;border-bottom-width:0;border-right-width:0}footer>#git .content table:has(tbody tr:nth-child(8)){border-right-width:2px}footer>#git .content table:has(tbody tr:nth-child(3)) tbody tr:last-child td{border-bottom-width:0}footer>#git .content table thead th,footer>#git .content table tbody td{padding:4px 8px}footer>#git .content table thead th{background-color:#e6e6e6;border:2px solid #000;border-top-width:0;border-left-width:0}footer>#git .content table thead th:last-child{border-right-width:0}footer>#git .content table tbody td{border:2px solid #000;border-top-width:0;border-left-width:0;border-bottom-style:dashed}footer>#git .content table tbody td:nth-child(2){word-break:break-word}footer>#git .content table tbody td[colspan="3"]{text-align:center}footer>#git .content table tbody td:last-child{border-right-width:0}footer>#git .content table tbody tr:last-child td{border-bottom-style:solid}footer nav{position:absolute;bottom:100%;right:0;background-color:#d9d9d9;border:2px solid #000;border-bottom-width:0;font-size:1.5rem}footer nav>ul{margin:0;padding:16px;list-style:none}footer nav>ul>li{padding:0;margin-bottom:16px}footer nav>ul>li:last-child{margin-bottom:0}footer nav>ul>li .button>a{display:block;position:relative;padding:.1em 16px .1em 32px;background-color:#f2f2f2;border:1px solid #000;box-shadow:2px 2px #000;text-align:right}footer nav>ul>li .button>a:focus{color:#fff;background-color:#b3b3b3;text-decoration-color:#ff8c00}footer nav>ul>li .button>a:active,footer nav>ul>li .button:hover>a:active{top:0;left:0;color:#fff;background-color:gray;box-shadow:2px 2px #000;text-decoration-color:#ff8c00}footer nav>ul>li .button:hover>a{top:-4px;left:-4px;box-shadow:6px 6px #000}footer nav>ul>li .button.here>a{top:2px;left:2px;color:#fff;background-color:gray;box-shadow:-2px -2px #000}footer nav>ul>li .button.here:hover>a{top:6px;left:6px;box-shadow:-6px -6px #000}footer>.content{padding:4px;margin-bottom:8px;border:2px solid #000;background-color:#f2f2f2;font-size:.75rem;text-align:center}footer>.content p{margin:0}footer>.content .cc .icon{width:auto;height:1rem;margin-left:.5em;vertical-align:bottom}footer>.content .cc .icon:first-of-type{margin-left:1em}@media(width <= 800px){footer nav{position:fixed;bottom:5rem;left:calc(100% - 30px);background-color:rgba(0,0,0,0);border:none;font-size:1rem}footer nav>ul{display:flex;flex-flow:row-reverse nowrap;gap:8px;writing-mode:vertical-rl;transform:rotate(-180deg);padding:0}footer nav>ul>li{margin-bottom:0}footer nav>ul>li .button>a{padding-left:2px;padding-right:0;border:2px solid #000;box-shadow:-2px -2px #000}footer nav>ul>li .button>a:active,footer nav>ul>li .button:hover>a:active{box-shadow:-2px -2px #000}footer nav>ul>li .button:hover>a{top:4px;left:4px;box-shadow:-6px -6px #000}footer nav>ul>li .button.here>a{top:-2px;left:-2px;box-shadow:2px 2px #000}footer nav>ul>li .button.here:hover>a{top:-6px;left:-6px;box-shadow:6px 6px #000}footer>.content{margin-bottom:0;border:none}}main>article.home>.content{height:calc(100vh - 72px - 32px - 16px - 64px - 8px)}main>article.home>.content img{height:100%;width:100%;border:2px solid #000;box-sizing:border-box;box-shadow:4px 4px hotpink;object-fit:cover}@media(width <= 800px){main>article.home{position:absolute;top:16px;right:16px;bottom:16px;left:0}main>article.home>.content{width:100%;height:100%;box-sizing:border-box}}main>article.text-list>.content{font-size:1.2rem}main>article.text-list>.content .month>h2{margin-bottom:8px;font-size:1.25em}main>article.text-list>.content .month:first-child>h2{margin-top:0}main>article.text-list>.content .month>ul{padding:0;margin:0;list-style:none}main>article.text-list>.content .month>ul>li{display:flex;margin-bottom:4px;flex-flow:row nowrap;align-items:baseline}main>article.text-list>.content .month>ul>li:last-child{margin-bottom:0}main>article.text-list>.content .month>ul>li>.number{margin-right:8px;font-size:.75em;font-weight:bold}main>article.text-list>.content .month>ul>li>.text h3{margin:0;margin-bottom:4px}main>article.text-list>.content .month>ul>li>.text h3 .date-and-stats{color:#4d4d4d;font-size:.7em}main>article.text-list>.content .month>ul>li>.text p{margin:0;line-height:1.5em}main>article.text>.content{font-size:1rem}main>article.text>.content h1{display:inline;margin:0;padding-right:8px;font-size:3em;text-decoration:underline #ff8c00}main>article.text>.content .stats{display:inline-block;color:gray;font-size:1.25em;font-weight:bold;text-decoration:none;cursor:wait}main>article.text>.content .stats:hover{color:#333}main>article.text>.content h4{margin:8px 0 4px;color:#666}main>article.text>.content h2{display:inline-block;margin:0;padding:0 4px;background-color:#e6e6e6;border:2px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;font-size:2em}main>article.text>.content h2.funky{background-color:hotpink;color:#fff;transform:rotate(-3deg)}main>article.text>.content pre,main>article.text>.content code{font-family:inherit}main>article.text>.content p{font-size:1.2em;line-height:1.5em;word-break:break-word}main>article.text>.content p code{padding:0 2px;color:#e6e6e6;background-color:#999;box-shadow:2px 2px #333;text-shadow:1px 1px #333}main>article.text>.content pre.shiki{padding:8px;margin-bottom:calc(1em + 4px);font-size:1em;line-height:1.5em;overflow-x:auto;border:2px solid #000;box-shadow:4px 4px hotpink}main>article.text>.content pre.shiki.tree{line-height:1.2em}main>article.text>.content table{margin:0 auto;background-color:#ccc;table-layout:fixed;border-collapse:collapse;border:2px solid #000;box-shadow:4px 4px #000}main>article.text>.content table thead th,main>article.text>.content table tbody td{padding:4px 8px}main>article.text>.content table thead th{background-color:#e6e6e6;border:2px solid #000;border-top-width:0;border-left-width:0}main>article.text>.content table tbody td{border:2px solid #000;border-top-width:0;border-left-width:0;border-bottom-style:dashed}main>article.text>.content blockquote{width:fit-content;margin:0 auto;padding:0 1rem;border:2px solid #000;box-shadow:4px 4px hotpink;font-size:1.5rem;font-weight:bold;background-color:#e6e6e6}main>article.text>.content blockquote>p{margin:1rem 0}main>article.text>.content img{margin:0 auto;display:block;max-width:100%;border:2px solid #000;box-shadow:4px 4px hotpink}@media(width <= 800px){main>article.text-list>.content .month>ul>li{flex-direction:column;margin-bottom:16px}main>article.text-list>.content .month>ul>li>.text h3 .date-and-stats{display:block}main>article.text>.content h1{font-size:2.25em}main>article.text>.content .stats{display:block;margin-left:0;margin-bottom:8px}main>article.text>.content>:last-child{margin-bottom:2em}}main>article.photo-list{padding-bottom:16px}main>article.photo-list>.content>.photo .card,main>article.photo>.content>.photo .card{height:100%}main>article.photo-list>.content>.photo .card>.card-content,main>article.photo>.content>.photo .card>.card-content{display:flex;flex-flow:column nowrap;position:relative;height:100%;background-color:#f2f2f2;border:2px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;text-decoration:none}main>article.photo-list>.content>.photo .card>.card-content>img,main>article.photo>.content>.photo .card>.card-content>img{display:block;width:100%;background-color:#f2f2f2;object-fit:cover;flex-shrink:0;flex-basis:auto}main>article.photo-list>.content>.photo .card>.card-content>h3,main>article.photo>.content>.photo .card>.card-content>h3{margin:0;padding:0 4px;border-top:6px double #000;flex-shrink:0;text-decoration:underline #ff8c00}main>article.photo-list>.content>.photo .card>.card-content>h3,main>article.photo-list>.content>.photo .card>.card-content>p,main>article.photo>.content>.photo .card>.card-content>h3,main>article.photo>.content>.photo .card>.card-content>p{word-break:break-word}main>article.photo-list>.content>.photo .card>.card-content>.details,main>article.photo>.content>.photo .card>.card-content>.details{flex:0 0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;margin-top:16px;padding:0 4px 4px}main>article.photo-list>.content>.photo .card>.card-content>.details .number,main>article.photo-list>.content>.photo .card>.card-content>.details .camera,main>article.photo>.content>.photo .card>.card-content>.details .number,main>article.photo>.content>.photo .card>.card-content>.details .camera{font-weight:bold}main>article.photo-list>.content{display:grid;gap:32px;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))}main>article.photo-list>.content>.photo .card>.card-content>img{height:240px;flex-grow:0}main>article.photo-list>.content>.photo .card>.card-content>h3{flex-grow:1}main>article.photo-list>.content>.photo .card>.card-content:focus{background-color:orange}main>article.photo-list>.content>.photo .card>.card-content:focus>h3{text-decoration-color:#fff}main>article.photo-list>.content>.photo .card>.card-content:active,main>article.photo-list>.content>.photo .card:hover>.card-content:active{top:0;left:0;background-color:#ff8c00;box-shadow:2px 2px #000}main>article.photo-list>.content>.photo .card:hover>.card-content{top:-4px;left:-4px;box-shadow:6px 6px #000}main>article.photo>.content{height:calc(100vh - 72px - 32px - 16px - 64px - 8px);min-height:640px}main>article.photo>.content>.photo{height:100%}main>article.photo>.content>.photo .card>.card-content{display:flex;position:relative;flex-flow:column nowrap}main>article.photo>.content>.photo .card>.card-content>.full-screen{position:absolute;top:4px;right:6px;height:32px;width:32px;padding-left:2px;border:1px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;background-color:#ff8c00;font-size:32px;font-weight:bold;line-height:26px;text-align:center;text-decoration:none;opacity:.4}main>article.photo>.content>.photo .card>.card-content>.full-screen:hover,main>article.photo>.content>.photo .card>.card-content>.full-screen:focus{color:#f2f2f2;opacity:1}main>article.photo>.content>.photo .card>.card-content img{height:0;min-height:240px;background-color:#666;object-fit:contain;flex-grow:1}main>article.photo>.content>.photo .card>.card-content h3{padding-top:4px;font-size:1.5rem;text-decoration:underline #ff8c00;flex-grow:0}main>article.photo>.content>.photo .card>.card-content p{margin:4px 4px 0;flex-grow:0}main>article.photo>#full-screen{position:fixed;display:none;top:0;left:0;right:0;bottom:0;z-index:1}main>article.photo>#full-screen:target{display:block}main>article.photo>#full-screen>.close{position:fixed;top:8px;right:8px;height:32px;width:32px;background-color:#ff8c00;border:1px solid #000;box-shadow:2px 2px #f2f2f2;box-sizing:border-box;font-size:32px;font-weight:bold;line-height:28px;text-align:center;text-decoration:none;opacity:.4}main>article.photo>#full-screen>.close:hover,main>article.photo>#full-screen>.close:focus{color:#f2f2f2;opacity:1}main>article.photo>#full-screen>img{display:block;height:100%;width:100%;background-color:#1a1a1a;object-fit:contain}@media(width <= 800px){main:has(>article.photo-list){padding-right:16px}main>article.photo-list{padding-bottom:2px}main>article.photo-list>.content{gap:16px}main>article.photo{position:absolute;top:16px;right:16px;bottom:16px;left:0}main>article.photo>.content{width:100%;height:100%;box-sizing:border-box;min-height:auto}main>article.photo>.content>.photo .card>.card-content img{min-height:auto}}main>article.graph-list{padding-bottom:16px}main>article.graph-list>.content>.graph .card,main>article.graph>.content>.graph .card{height:100%}main>article.graph-list>.content>.graph .card>.card-content,main>article.graph>.content>.graph .card>.card-content{display:flex;flex-flow:column nowrap;position:relative;height:100%;background-color:#f2f2f2;border:2px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;text-decoration:none}main>article.graph-list>.content>.graph .card>.card-content>img,main>article.graph>.content>.graph .card>.card-content>img{display:block;width:100%;background-color:#f2f2f2;object-fit:cover;flex-shrink:0;flex-basis:auto}main>article.graph-list>.content>.graph .card>.card-content>h3,main>article.graph>.content>.graph .card>.card-content>h3{margin:0;padding:0 4px;border-top:6px double #000;flex-shrink:0;text-decoration:underline #ff8c00}main>article.graph-list>.content>.graph .card>.card-content>h3,main>article.graph-list>.content>.graph .card>.card-content>p,main>article.graph>.content>.graph .card>.card-content>h3,main>article.graph>.content>.graph .card>.card-content>p{word-break:break-word}main>article.graph-list>.content>.graph .card>.card-content>.details,main>article.graph>.content>.graph .card>.card-content>.details{flex:0 0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;margin-top:16px;padding:0 4px 4px}main>article.graph-list>.content>.graph .card>.card-content>.details .number,main>article.graph-list>.content>.graph .card>.card-content>.details .camera,main>article.graph>.content>.graph .card>.card-content>.details .number,main>article.graph>.content>.graph .card>.card-content>.details .camera{font-weight:bold}main>article.graph-list>.content{display:grid;gap:32px;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))}main>article.graph-list>.content>.graph .card>.card-content>img{height:240px;flex-grow:0}main>article.graph-list>.content>.graph .card>.card-content>h3{flex-grow:1}main>article.graph-list>.content>.graph .card>.card-content:focus{background-color:orange}main>article.graph-list>.content>.graph .card>.card-content:focus>h3{text-decoration-color:#fff}main>article.graph-list>.content>.graph .card>.card-content:active,main>article.graph-list>.content>.graph .card:hover>.card-content:active{top:0;left:0;background-color:#ff8c00;box-shadow:2px 2px #000}main>article.graph-list>.content>.graph .card:hover>.card-content{top:-4px;left:-4px;box-shadow:6px 6px #000}@media(width <= 800px){main:has(>article.graph-list){padding-right:16px}main>article.graph-list{padding-bottom:2px}main>article.graph-list>.content{gap:16px}}main>article.sound-list>.content{font-size:1.2rem}main>article.sound-list>.content .month>h2{margin-bottom:8px;font-size:1.25em}main>article.sound-list>.content .month:first-child>h2{margin-top:0}main>article.sound-list>.content .month>ul{padding:0;margin:0;list-style:none}main>article.sound-list>.content .month>ul>li{display:flex;margin-bottom:16px;flex-flow:row nowrap;align-items:baseline}main>article.sound-list>.content .month>ul>li:last-child{margin-bottom:0}main>article.sound-list>.content .month>ul>li>.number{margin-right:8px;font-size:.75em;font-weight:bold}main>article.sound-list>.content .month>ul>li>.sound{flex-grow:1}main>article.sound-list>.content .month>ul>li>.sound h3{margin:0;margin-bottom:4px}main>article.sound-list>.content .month>ul>li>.sound h3 .date-and-stats{color:#4d4d4d;font-size:.7em}main>article.sound-list>.content .month>ul>li>.sound audio{display:inline-block;vertical-align:middle;height:1.5em;margin:0;margin-top:8px}main>article.sound-list>.content .month>ul>li>.sound .loud{display:inline-block;margin:0;padding:0 4px;font-weight:bold;vertical-align:middle;background-color:hotpink;color:#fff;transform:rotate(-3deg);border:2px solid #000;box-shadow:2px 2px #000}main>article.sound-list>.content .month>ul>li>.sound p{margin:0;margin-top:8px;margin-bottom:16px;line-height:1.5em}main>article.sound-list>.content .month>ul>li>.sound p:last-of-type{margin-bottom:0}@media(width <= 800px){main>article.sound-list>.content .month>ul>li{flex-direction:column}main>article.sound-list>.content .month>ul>li .sound h3 .date-and-stats{display:block}}main>article.recs-list>.content{font-size:1.2rem}main>article.recs-list>.content .month>h2{margin-bottom:8px;font-size:1.25em}main>article.recs-list>.content .month:first-child>h2{margin-top:0}main>article.recs-list>.content .month>ul{padding:0;margin:0;list-style:none}main>article.recs-list>.content .month>ul>li{display:flex;margin-bottom:16px;flex-flow:row nowrap;align-items:baseline}main>article.recs-list>.content .month>ul>li:last-child{margin-bottom:0}main>article.recs-list>.content .month>ul>li>.number{margin-right:8px;font-size:.75em;font-weight:bold}main>article.recs-list>.content .month>ul>li>.rec{flex-grow:1}main>article.recs-list>.content .month>ul>li>.rec h3{margin:0;margin-bottom:4px}main>article.recs-list>.content .month>ul>li>.rec h3 .date{color:#4d4d4d;font-size:.7em}main>article.recs-list>.content .month>ul>li>.rec img{width:auto;height:auto;max-width:240px;max-height:240px;margin:4px 16px 8px 0;float:left;border:2px solid #000;box-shadow:2px 2px hotpink}main>article.recs-list>.content .month>ul>li>.rec p{margin:0;margin-bottom:16px;line-height:1.5em}main>article.recs-list>.content .month>ul>li>.rec p:last-of-type{margin-bottom:0}@media(width <= 800px){main>article.recs-list>.content .month>ul>li{flex-direction:column}main>article.recs-list>.content .month>ul>li .rec h3 .date{display:block}main>article.recs-list>.content .month>ul>li .rec img{display:block;float:none;margin:8px auto}}main>article.about>.content{font-size:1.5rem}main>article.about>.content p:first-child{margin-top:0}main>article.about>.content p:last-child{margin-bottom:0}main>article.about>.content p b{padding:.2em;color:#f2f2f2;background-color:#000;font-weight:normal;font-size:1.1em}main>article.about>.content p u{text-decoration:underline wavy #ff8c00}main>article.about>.content p .large{font-size:1.2em}@media(width <= 800px){main>article.about>.content{font-size:1.25rem}}.palette{position:fixed;top:132px;right:26px;z-index:1}.palette>ul{display:flex;height:320px;margin:0;padding:0;flex-flow:column wrap-reverse}.palette>ul>li{display:block;position:relative;width:32px;height:32px;border:2px solid #000;border-bottom-width:0;border-left-width:0;box-sizing:border-box}.palette>ul>li:not(.void)::after{position:absolute;top:4px;right:72px;display:none;content:attr(class);font-size:1rem}.palette>ul>li:not(.void):hover::after{display:block}.palette>ul>li.break{flex-basis:100%;width:0;border:none}.palette>ul>li:last-child{border-bottom-width:2px;height:34px}.palette>ul>li:has(+.break){border-bottom-width:2px;height:34px}.palette>ul>li.break~li{border-left-width:2px;width:34px}.palette>ul>li.break~li::after{right:40px}.palette>ul>li.break~li.void{border-bottom-width:0;border-left-width:0;line-height:32px;text-align:center;font-size:16px;text-shadow:2px 2px #fff,4px 4px #f5a9b8,6px 6px #5bcefa}.palette>ul>li.break~li.void::before{display:block;content:"▖";animation:void-content 26.1s infinite normal linear}.palette .white{background-color:#fff}.palette .gray-05{background-color:#f2f2f2}.palette .gray-10{background-color:#e6e6e6}.palette .gray-15{background-color:#d9d9d9}.palette .gray-20{background-color:#ccc}.palette .gray-25{background-color:#bfbfbf}.palette .gray-30{background-color:#b3b3b3}.palette .gray-40{background-color:#999}.palette .gray-50{background-color:gray}.palette .gray-60{background-color:#666}.palette .gray-70{background-color:#4d4d4d}.palette .gray-80{background-color:#333}.palette .gray-90{background-color:#1a1a1a}.palette .black{background-color:#000}.palette .accent-light{background-color:orange}.palette .accent-dark{background-color:#ff8c00}.palette .accent-secondary{background-color:hotpink}@keyframes void-content{0%{content:"▖"}1.1494252874%{content:"▘"}2.2988505747%{content:"▝"}3.4482758621%{content:"▗"}4.5977011494%{content:"▖"}5.7471264368%{content:"▘"}6.8965517241%{content:"▝"}8.0459770115%{content:"▗"}9.1954022989%{content:"▖"}10.3448275862%{content:"▘"}11.4942528736%{content:"▝"}12.6436781609%{content:"▗"}13.7931034483%{content:"▖"}14.9425287356%{content:"▘"}16.091954023%{content:"▝"}17.2413793103%{content:"▗"}18.3908045977%{content:"▛"}19.5402298851%{content:"▜"}20.6896551724%{content:"▟"}21.8390804598%{content:"▙"}22.9885057471%{content:"▛"}24.1379310345%{content:"▜"}25.2873563218%{content:"▟"}26.4367816092%{content:"▙"}27.5862068966%{content:"▛"}28.7356321839%{content:"▜"}29.8850574713%{content:"▟"}31.0344827586%{content:"▙"}32.183908046%{content:"▛"}33.3333333333%{content:"▜"}34.4827586207%{content:"▟"}35.632183908%{content:"▙"}36.7816091954%{content:"▞"}37.9310344828%{content:"▚"}39.0804597701%{content:"▞"}40.2298850575%{content:"▚"}41.3793103448%{content:"▞"}42.5287356322%{content:"▚"}43.6781609195%{content:"▞"}44.8275862069%{content:"▚"}45.9770114943%{content:"▞"}47.1264367816%{content:"▚"}48.275862069%{content:"▞"}49.4252873563%{content:"▚"}50.5747126437%{content:"▞"}51.724137931%{content:"▚"}52.8735632184%{content:"▞"}54.0229885057%{content:"▚"}55.1724137931%{content:" "}56.3218390805%{content:" "}57.4712643678%{content:" "}58.6206896552%{content:" "}59.7701149425%{content:"y"}60.9195402299%{content:"o"}62.0689655172%{content:"u"}63.2183908046%{content:" "}64.367816092%{content:"h"}65.5172413793%{content:"a"}66.6666666667%{content:"v"}67.816091954%{content:"e"}68.9655172414%{content:" "}70.1149425287%{content:"j"}71.2643678161%{content:"u"}72.4137931034%{content:"s"}73.5632183908%{content:"t"}74.7126436782%{content:" "}75.8620689655%{content:"l"}77.0114942529%{content:"o"}78.1609195402%{content:"s"}79.3103448276%{content:"t"}80.4597701149%{content:" "}81.6091954023%{content:"t"}82.7586206897%{content:"h"}83.908045977%{content:"e"}85.0574712644%{content:" "}86.2068965517%{content:"g"}87.3563218391%{content:"a"}88.5057471264%{content:"m"}89.6551724138%{content:"e"}90.8045977011%{content:" "}91.9540229885%{content:" "}93.1034482759%{content:" "}94.2528735632%{content:" "}95.4022988506%{content:" "}96.5517241379%{content:" "}97.7011494253%{content:" "}98.8505747126%{content:" "}}html{padding:8px;box-sizing:border-box;font-family:"Berkeley Mono",monospace;font-size:16px;background-color:#e6e6e6;color:#000}body{margin:0;min-height:calc(100vh - 16px);border:2px solid #000;box-sizing:border-box;display:flex;flex-flow:column nowrap;background-color:#bfbfbf;overscroll-behavior:none}header{background-color:#bfbfbf}main{position:relative;padding:16px 180px 32px 0;border:2px solid #000;border-left-width:0;border-right-width:0;flex-grow:1}main>article{position:relative;font-size:4rem;padding-left:2.5em}main>article>h1{position:absolute;left:8px;top:32px;margin:0;font-size:1em;line-height:1em;text-align:right;writing-mode:vertical-rl;transform:rotate(-180deg)}main>article>h1>span{display:block}main>article>h1>span.offset{margin-bottom:.6em}main>article>h1>span.offset-2{margin-bottom:1.2em}main>article>h2{position:absolute;left:8px;top:calc(32px + 2.4em);margin:0;font-size:1em;line-height:1em;text-align:right;writing-mode:vertical-rl;transform:rotate(-180deg);height:max-content}main>article>h2>span{display:block;position:relative;left:-0.4em;font-size:.5em}main>article>h2>span.offset{margin-bottom:1.2em}main>article>.content{font-size:1rem}footer{position:fixed;bottom:0;left:8px;width:calc(100% - 16px);background-color:#e6e6e6}@media(width <= 800px){main{padding-right:24px;padding-bottom:16px}main>article{font-size:3rem;padding-left:16px}main>article>h1{font-size:13px;background:#fff;border:2px solid #000;box-shadow:-2px -2px #000;top:0;left:-8px;padding:4px 0}main>article>h1>span{display:inline-block}main>article>h1>span.offset,main>article>h1>span.offset-2{margin-bottom:0}main>article>h2{font-size:13px;background:#fff;border:2px solid #000;box-shadow:-2px -2px #000;left:-8px;padding:4px 0}main>article>h2>span{display:inline-block;position:static;font-size:1em}main>article>h2>span.offset{margin-bottom:0}footer{position:relative;width:auto;left:0}}@media(width <= 400px){main>article{font-size:2rem}}