@import 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=M+PLUS+2:wght@400;700&family=Noto+Serif:wght@400;700&display=swap';html{scroll-behavior:smooth}*{box-sizing:border-box}body{font-family:Noto Serif,Liberation Serif,DejaVu Serif,serif;margin:0 auto;display:flex;flex-direction:column;min-height:100dvh;padding:0 2vh 2vh;background:#fafafa}header{}footer{margin-top:1rem}a{text-decoration:none}img{max-height:100dvh;height:auto;display:block;margin:0 auto;max-width:100%}blockquote{font-style:italic}main{flex:1}hr{}#frontpage{padding-top:1rem}#breadcrumbs{list-style:none;padding-left:0;padding-right:0;*/ */ */ */}#breadcrumbs a{pointer-events:auto!important;z-index:9999!important}#breadcrumbs li{display:inline}#breadcrumbs li a{}#breadcrumbs li a:hover{}#breadcrumbs li::after{content:"/";padding:0 1em}#breadcrumbs li:last-child::after{content:""}#breadcrumbs li:last-child a{font-weight:700;pointer-events:none}.poem{font-family:inherit;white-space:pre-wrap}#sketch-container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%;overflow:hidden}#screenshotButton{order:100;margin-top:2vh}.home{height:100dvh;display:flex;align-items:center;justify-content:center}.home img{mix-blend-mode:darken}pre::-webkit-scrollbar{display:none}code{overflow-x:auto;scrollbar-width:none;padding:1rem;font-family:monospace;white-space:pre-wrap;display:block;background:#000;color:#fafafa;border-radius:10px}pre{}#button-container{display:grid;grid-template-columns:repeat(auto-fill,90px);gap:5rem;justify-content:center}#pxwear img{height:100dvh;width:auto;max-width:100%;object-fit:contain;display:block;margin:auto}#pxwear-title img{height:50dvh;width:auto;max-width:100%;object-fit:contain;display:block;margin:auto}.pagination{margin-top:2em;text-align:center}.pagination ul{display:inline-flex;gap:.5em;list-style:none;padding:0;flex-wrap:wrap}.pagination li{display:inline}.pagination a{text-decoration:none;padding:.3em .6em;border-radius:6px;transition:background-color .2s ease}.pagination span{font-weight:700;padding:.3em .6em}.open-badge{display:inline-block;font-weight:700;background:linear-gradient(90deg,#ff0000,#ff8000,#ffff00,#00ff00,#00ffff,#0000ff,#8000ff,#ff00ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px black;animation:spinGradient 3s linear infinite;text-transform:uppercase}.bid-here{animation:toggleCase 1.5s ease-in-out infinite}.menu2{list-style:none;margin:0;padding:0;white-space:normal}.menu2-item{display:inline-block;margin:0}.menu2-link{display:inline-block;text-decoration:none;font-weight:500;white-space:nowrap;font-size:clamp(12px,2vw,16px);padding:0 .25rem;position:relative;transition:all .2s ease}.menu2-link::before{content:"[";margin-right:.1rem}.menu2-link::after{content:"]";margin-left:.1rem}.menu2-link:hover{}@keyframes spinGradient{0%{background-position:0}100%{background-position:200%}}@keyframes toggleCase{0%,32%{text-transform:none}33%,65%{text-transform:uppercase}66%,100%{text-transform:lowercase}}.icon-gallery{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:1em}.icon-gallery a img{width:auto;height:auto;image-rendering:pixelated;display:block;transition:transform .3s}.icon-gallery a img:hover{transform:scale(2)}.center-me{display:block;width:max-content;margin-left:auto;margin-right:auto}.abdoopt-icon{padding:1em}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:0;align-items:stretch}.gallery img,.gallery video{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}#home-widgets-wrapper{column-count:2;column-gap:.5rem;width:100%}.home-widgets{display:inline-block;width:100%;border:1px solid #000;break-inside:avoid;font-size:.8rem;padding:.5rem;margin-bottom:.5rem!important;background:#fff}.home-widgets h2,.home-widgets h3{margin:0}.home-widgets p,.home-widgets ul{margin-bottom:.5rem;margin-top:.5rem}#abdoopts-widget .abdoopt-widget-list{list-style:none;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:0}#abdoopts-widget .abdoopt-widget-list.open li{background:var(--spacedvd-button);animation:spacedvd-button 9s linear infinite}#abdoopts-widget-menu{list-style-type:none;padding:0;display:flex;gap:.5rem}#abdoopts-widget-menu li{background:pink;display:block;text-decoration:none}#abdoopts-widget-menu li::before{content:"[";margin-right:.1rem}#abdoopts-widget-menu li::after{content:"]";margin-left:.1rem}#abdoopts-widget h3{width:100%}.abdoopts-widget-button{border:.125rem solid #000;cursor:pointer;color:var(--text);box-shadow:-3px -3px 0 0 var(--border-dark)inset,3px 3px 0 0 var(--border-light)inset,inset 1px 1px 0 var(--shadow-dark),inset -1px -1px 0 var(--shadow-light);border-radius:.2rem;font-weight:600;user-select:none;transition:transform 60ms linear,box-shadow 60ms linear,background 60ms linear;font-family:monospace;display:block;width:fit-content;margin:0 auto;background:rgba(0,0,0,.3)}.abdoopts-widget-button{position:relative;overflow:hidden}.abdoopts-widget-button:hover{background:var(--spacedvd-button);animation:spacedvd-button .1s linear infinite}.abdoopts-widget-button img{display:block}.abdoopts-widget-button::after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none}#blog-widget{background-image:repeating-linear-gradient( to right,rgba(0,0,0,5%) 0,rgba(0,0,0,5%) var(--v-thickness),transparent var(--v-thickness),transparent 40px ),repeating-linear-gradient( to bottom,rgba(0,0,0,5%) 0,rgba(0,0,0,5%) var(--h-thickness),transparent var(--h-thickness),transparent 40px );background-size:40px 40px,40px 40px;animation:stripeSmooth 4s ease-in-out infinite alternate}#blog-widget a{color:grey}@keyframes stripeSmooth{0%{--v-thickness:5px;--h-thickness:5px}25%{--v-thickness:15px;--h-thickness:10px}50%{--v-thickness:25px;--h-thickness:15px}75%{--v-thickness:15px;--h-thickness:10px}100%{--v-thickness:5px;--h-thickness:5px}}#blog-widget ul{list-style:none;margin:0;padding:0}#blog-widget ul li{display:flex;background:#000;margin:.5rem;padding:.5rem;justify-content:space-between;font-family:'m plus 2',sans-serif;border-radius:.5rem;color:#fff}.blog-widget-title{width:65%}.blog-widget-date{font-size:.6rem;display:flex;align-items:center;width:fit-content;white-space:nowrap;color:rgba(255,255,255,.5)}#blog-widget ul li:hover,#blog-widget ul li:hover *{background:#fff;color:#000}#epic-widget{background:url(../buttons/88x31_01.gif)}#epic-widget a{color:lime}#epic-widget ul{list-style:none;margin:0;padding:0}#epic-widget ul li{background:rgba(0,0,0,.5);display:flex;margin:.5rem;padding:.5rem;justify-content:space-between}#epic-widget ul li:hover{background:rgba(0,0,0,.4)}#epic-widget a:hover{color:cyan}.epic-date{color:#fff}#spacedvd-widget{background:#000;color:var(--spacedvd-button);animation:spacedvd-button 9s linear infinite;border:1px solid var(--spacedvd-button)}#spacedvd-widget img{border:1px solid var(--spacedvd-button)}#spacedvd-widget a{text-decoration:none;appearance:none;border:.125rem solid var(--spacedvd-button);color:var(--spacedvd-button);padding:.5rem 1.125rem;line-height:1;cursor:pointer;border-radius:.2rem;font-weight:600;user-select:none;transition:transform 60ms linear,box-shadow 60ms linear,background 60ms linear;font-family:monospace;display:block;width:fit-content;margin:1rem auto}#spacedvd-widget a:hover{background:var(--spacedvd-button);color:#000}.dynamic-banner{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center;font-family:monospace;font-size:1.2rem;width:468px;height:60px;overflow:hidden;margin-bottom:1rem}.standard-colors .dynamic-banner{background:linear-gradient( to right,#c0c0c0 0% 14.2857%,#c0c000 14.2857% 28.5714%,#00c0c0 28.5714% 42.8571%,#00c000 42.8571% 57.1428%,#c000c0 57.1428% 71.4285%,#c00000 71.4285% 85.7142%,#0000c0 85.7142% 100% );background-size:50% 100%;background-repeat:repeat-x;color:#fff}@keyframes scrollStripes{from{background-position:0 0}to{background-position:-100% 0}}.standard-colors .dynamic-banner:hover{animation:scrollStripes 2s linear infinite}.matrix-style .dynamic-banner{background:#000;color:#0f0;border:1px solid #0f0;text-shadow:0 0 5px #0f0}.tiedye-style .dynamic-banner{color:#fff;font-style:italic;background-image:radial-gradient(circle at 30% 30%,#ff00ea,transparent 50%),radial-gradient(circle at 70% 20%,#00ffcc,transparent 50%),radial-gradient(circle at 50% 80%,#ffee00,transparent 50%),radial-gradient(circle at 20% 80%,#3300ff,transparent 50%),radial-gradient(circle at 80% 80%,#ff4d00,transparent 50%);mix-blend-mode:multiply}.banner{display:none}.banner.active{display:block}.banner-link{text-decoration:none;color:inherit}.banner-wrapper{display:flex;justify-content:center}.pin-wiget{}.pin-widget:hover{border:1px solid var(--spacedvd-button);animation:spacedvd-button .1s linear infinite}.pin-widget a{display:flex;line-height:0;text-decoration:none}.pin-widget img,.pin-widget video{width:100%;display:block;object-fit:cover;vertical-align:bottom}#guestbook-widget{}#home2{}#home2 h1{font-size:8vw;text-align:center;width:100%;text-transform:none;margin-bottom:0;margin-top:0}.logov4{background:pink;width:100%}.logov4 svg{width:100%;height:auto;display:block}.logov4 rect{opacity:1;transform:translate(0,0)}.logov4 rect:nth-child(3n),.logov4 rect:nth-child(5n),.logov4 rect:nth-child(7n),.logov4 rect:nth-child(11n){animation:flicker var(--dur,2s)steps(1)infinite}.logov4 rect:nth-child(3n){--dur:1.8s}.logov4 rect:nth-child(5n){--dur:2.6s}.logov4 rect:nth-child(7n){--dur:1.4s}.logov4 rect:nth-child(11n){--dur:2.2s}.logov4 rect:nth-child(4n){animation-delay:.3s}.logov4 rect:nth-child(6n){animation-delay:.5s}.logov4 rect:nth-child(9n){animation-delay:.2s}@keyframes flicker{0%,100%{opacity:1}40%{opacity:.2}60%{opacity:.6}}.logov4 rect{opacity:1;transition:fill .3s ease,opacity .3s ease;cursor:pointer;transition:fill .3s ease .5s}.logov4 rect:hover{fill:var(--spacedvd-button)!important;opacity:1!important;animation-play-state:paused;animation:spacedvd-button .1s linear infinite;transition-delay:0s}.text-shadow{color:#fff;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}@keyframes banner-scroll{0%{transform:translateY(0)}20%{transform:translateY(0)}25%{transform:translateY(-2em)}45%{transform:translateY(-2em)}50%{transform:translateY(-4em)}70%{transform:translateY(-4em)}75%{transform:translateY(-6em)}95%{transform:translateY(-6em)}100%{transform:translateY(0)}}@keyframes spacedvd-button{0%{--spacedvd-button:hsl(  0, 100%, 50%)}12.5%{--spacedvd-button:hsl( 45, 100%, 50%)}25%{--spacedvd-button:hsl( 90, 100%, 50%)}37.5%{--spacedvd-button:hsl(135, 100%, 50%)}50%{--spacedvd-button:hsl(180, 100%, 50%)}62.5%{--spacedvd-button:hsl(225, 100%, 50%)}75%{--spacedvd-button:hsl(270, 100%, 50%)}87.5%{--spacedvd-button:hsl(315, 100%, 50%)}100%{--spacedvd-button:hsl(360, 100%, 50%)}}:root{--face:rgba(0,0,0, 0.2);--border-dark:rgba(0,0,0, 0.35);--border-light:rgba(255,255,255, .7);--shadow-dark:rgba(0,0,0, 0.24);--shadow-light:rgba(255,255,255, 0.03);--text:rgba(0,0,0, 1);--disabled-face:rgba(255,255,255, 0.06);--disabled-text:rgba(0,0,0, 0.54);--focus:rgba(0,120,215,0.25)}button,button.sys7,a.sys7{text-decoration:none;appearance:none;border:.125rem solid #000;padding:.5rem 1.125rem;line-height:1;cursor:pointer;color:var(--text);background:var(--face);box-shadow:-3px -3px 0 0 var(--border-dark)inset,3px 3px 0 0 var(--border-light)inset,inset 1px 1px 0 var(--shadow-dark),inset -1px -1px 0 var(--shadow-light);border-radius:.2rem;font-weight:600;user-select:none;transition:transform 60ms linear,box-shadow 60ms linear,background 60ms linear;font-family:monospace;display:block;width:fit-content;margin:1rem auto}:root{--glow:0 0 0 6px var(--focus)}button.sys7:hover:enabled,a.sys7:hover,.sys7:focus{outline:none;background:linear-gradient(#e0e0e0,#c6c6c6);animation:rainbow 1s linear infinite,toggleCase 1.5s ease-in-out infinite;box-shadow:-3px -3px 0 0 var(--border-dark)inset,3px 3px 0 0 var(--border-light)inset,inset 1px 1px 0 var(--shadow-dark),inset -1px -1px 0 var(--shadow-light),var(--glow)}@keyframes rainbow{0%{--glow:0 0 10px 3px hsl(  0, 100%, 50%)}12.5%{--glow:0 0 10px 3px hsl( 45, 100%, 50%)}25%{--glow:0 0 10px 3px hsl( 90, 100%, 50%)}37.5%{--glow:0 0 10px 3px hsl(135, 100%, 50%)}50%{--glow:0 0 10px 3px hsl(180, 100%, 50%)}62.5%{--glow:0 0 10px 3px hsl(225, 100%, 50%)}75%{--glow:0 0 10px 3px hsl(270, 100%, 50%)}87.5%{--glow:0 0 10px 3px hsl(315, 100%, 50%)}100%{--glow:0 0 10px 3px hsl(360, 100%, 50%)}}button.sys7:active:enabled,a.sys7:active{transform:translateY(1px);background:var(--shadow-dark);box-shadow:-3px -3px 0 0 var(--border-light)inset,3px 3px 0 0 var(--border-dark)inset,inset 1px 1px 0 var(--shadow-light),inset -1px -1px 0 var(--shadow-dark)}button.sys7:disabled{cursor:default;color:var(--disabled-text);background:linear-gradient(var(--disabled-face),#e5e5e5);box-shadow:-3px -3px #ffffff inset,3px 3px #bdbdbd inset;opacity:.95}.sys7 .icon{display:inline-block;margin-right:8px;vertical-align:middle;transform:translateY(1px)}@media(orientation:landscape){body{min-width:600px;width:44.7vw;padding:0 0 2vh}}@media(orientation:portrait) and (max-width:600px){#home-widgets-wrapper{column-count:1}#banner-container{display:none}}.crt::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3;transform:translateZ(0);will-change:transform;background:radial-gradient( 70% 85% at 50% 50%,transparent 0%,rgba(0,0,0,5%) 100% ),linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient( 90deg,rgba(255,0,0,6%),rgba(0,255,0,2%),rgba(0,0,255,6%) );background-size:100% 100%,100% 2px,3px 100%}.crt::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 1vw rgba(0,0,0,.5),inset 0 0 6vw rgba(0,0,0,.4),inset 0 0 15vh rgba(0,0,0,.2);background-repeat:no-repeat;background-size:100% 100%}.crt-mini{position:relative;overflow:hidden;display:block}.crt-mini::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient( 70% 85% at 50% 50%,transparent 0%,rgba(0,0,0,5%) 100% ),linear-gradient( rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50% ),linear-gradient( 90deg,rgba(255,0,0,6%),rgba(0,255,0,2%),rgba(0,0,255,6%) );background-size:100% 100%,100% 2px,3px 100%;box-shadow:inset 0 0 1vw rgba(0,0,0,.5),inset 0 0 6vw rgba(0,0,0,.4),inset 0 0 15vh rgba(0,0,0,.2)}.polka2{--dot-color:rgba(0,0,0,0.4);background-image:radial-gradient(var(--dot-color) 2px,transparent 2px),radial-gradient(var(--dot-color) 2px,transparent 2px);background-size:32px 32px;background-position:0 0,16px 16px;background-color:#fff;animation:drift 4s linear infinite;color:#000}@keyframes drift{0%{background-position:0 0,16px 16px}100%{background-position:32px 32px,48px 48px}}