html{--font-content:"Iowan Old Style","Palatino Linotype","URW Palladio L",P052,serif;--width-content:60rem;--width-nav:70rem;--width-nav-full:90rem;--border:var(--base-700)}body{background-color:var(--base-950);color:var(--pri-200);font-family:var(--font-content);margin:0}@media screen and (min-width:891px){body:has(.cursor) *{cursor:none}body:has(.cursor){cursor:none}}a{color:var(--sec-400)}a:hover{color:var(--sec-600)}img{width:100%}h1,h2,h3,h4,h5,h6{position:relative;--heading-bg:var(--base-800);--heading-amm:40%}:is(h1,h2,h3,h4,h5,h6):before{content:"";position:absolute;background-color:var(--border);width:1.5rem;height:1px;top:50%;left:-2rem;transform:translateY(-50%)}:is(h1,h2,h3,h4,h5,h6):after{content:"";position:absolute;aspect-ratio:1;border:1px solid var(--border);background:radial-gradient(circle at center,var(--heading-bg)1px,transparent 1px);background-repeat:repeat;background-size:3px 3px;border-radius:5rem;width:1rem;top:50%;left:-2rem;transform:translate(-50%,-50%)}section{--fade:0;background-color:inherit;box-sizing:border-box;max-width:var(--width-content);border:1px var(--border)solid;position:relative;border-top:none;margin-inline-start:auto;margin-inline-end:auto;padding:2rem}section[split]{display:grid;grid-template-columns:1fr 1fr;padding-block-start:0;padding-block-end:0}section[split]>div{border-right:1px solid var(--border);padding-block-start:2rem;padding-block-end:2rem;padding-inline-start:2rem;padding-inline-end:2rem}section[split]>div:last-child{border-right:none;padding-right:0}section[split]>div:first-child{padding-left:0}section[split] figure{text-align:center;margin:0;padding:0}section[split] figure img{width:100%;max-width:30rem}section:last-child{border-bottom:0}section hr{border-color:var(--border);margin-block-start:2rem;margin-block-end:2rem;margin-inline-start:-2rem;margin-inline-end:-2rem}section:after{background:radial-gradient(circle at center,transparent 1px,var(--base-950)1px);content:"";position:absolute;transform:scaleX(var(--fade));transform-origin:100% 50%;background-repeat:repeat;background-size:3px 3px;inset:1px}section>section{border:1px solid var(--border);margin-bottom:.5rem}section>section:last-child{border-bottom:1px solid var(--border)}section[full]{max-width:auto}header{--nav-bg:var(--base-950);--nav-shadow:var(--base-700);--link-hover-bg:var(--pri-400);--link-hover-border:var(--pri-300);--link-hover-text:var(--on-base-900);--link-active-border:var(--base-300);--nav-border:var(--base-900);--nav-text:var(--on-base-900);--nav-amm:30%;position:fixed;background:radial-gradient(circle at center,transparent,var(--nav-bg)1px);z-index:300;border-bottom:var(--nav-border)1px solid;text-shadow:0 0 #0000;background-repeat:repeat;background-size:3px 3px;height:3rem;top:0;left:0;right:0}header [navbtn]{display:none}header site-nav{display:flex;max-width:var(--width-nav);justify-content:space-between;align-items: center;height:100%;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:1rem;padding-inline-end:1rem;transition:max-width .5s cubic-bezier(.86,0,.07,1)}header nav{display:flex;align-items:stretch;gap:.2rem}header .minibtns{display:flex;align-items:stretch;gap:.2rem}header a{color:var(--nav-text);display:block;text-decoration:none;background-color:#0000;border:1px solid #0000;padding:.25rem .5rem;font-weight:700}header a.icn{line-height:1em}header a:hover{color:var(--link-hover-text);background:radial-gradient(circle at center,var(--link-hover-bg)1px,transparent 1px);text-decoration:none;border:1px solid var(--link-hover-border);background-repeat:repeat;background-size:3px 3px}header a.logo{font-size:1.2rem}header button{color:var(--nav-text);display:block;text-decoration:none;background-color:#0000;border:1px solid #0000;padding:.25rem .5rem;font-weight:700}header button.icn{line-height:1em}header button:hover{color:var(--link-hover-text);background:radial-gradient(circle at center,var(--link-hover-bg)1px,transparent 1px);text-decoration:none;border:1px solid var(--link-hover-border);background-repeat:repeat;background-size:3px 3px}header button.logo{font-size:1.2rem}header.nobg{--nav-border:transparent;background:0 0}header.nobg site-nav{max-width:var(--width-nav-full)}header.noanim{transition:none!important}header.noanim site-nav{transition:none!important}posts{display:grid;max-width:var(--width-content);box-sizing:border-box;grid-template-columns:1fr;gap:1rem;margin-inline-start:auto;margin-inline-end:auto}posts a{--bg:var(--base-950);box-sizing:border-box;position:relative;background-color:var(--bg);color:var(--on-base-950);text-decoration:none;border:1px solid var(--border);display:grid;grid-template-columns:1fr 4fr;--fade:0}posts a thumb{background:repeating-linear-gradient(45deg,var(--base-800),var(--base-800)1px,transparent 1px,transparent 2rem),linear-gradient(90deg,var(--bg)1rem,transparent 1rem),linear-gradient(0deg,var(--bg)1rem,transparent 1rem),linear-gradient(180deg,var(--bg)1rem,transparent 1rem),linear-gradient(270deg,var(--bg)1rem,transparent 1rem),repeating-linear-gradient(45deg,var(--base-800),var(--base-800)1px,transparent 1px,transparent .5rem);box-sizing:border-box;display:block;aspect-ratio:1;object-fit:cover;border:none;border-right:1px solid var(--border);width:100%;padding:1rem}posts a thumb svg{display:block;color:var(--pri-400);width:100%;min-width:0;height:auto}posts a thumb img{box-sizing:border-box;display:block;aspect-ratio:1;object-fit:cover;background:0 0;border:none;width:100%}posts a info{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:2rem}posts a info post-title{display:block;margin-bottom:.5rem;font-size:1.4rem}posts a info post-desc{display:block;flex-grow:1}posts a:hover{--bg:var(--base-900);color:var(--on-base-900)}posts a:after{background:radial-gradient(circle at center,transparent 1px,var(--base-950)1px);content:"";position:absolute;transform:scaleX(var(--fade));transform-origin:100% 50%;background-repeat:repeat;background-size:3px 3px;inset:1px}hero{--hero-bg-1:var(--pri-700);--hero-bg-2:var(--pri-900);--hero-border:var(--pri-400);--bg-pos:0;--bg-scale:100%;display:flex;background:repeating-linear-gradient(45deg,var(--hero-bg-1)0px,var(--hero-bg-1)1px,var(--hero-bg-2)1px,var(--hero-bg-2)1rem);border-bottom:1px var(--hero-border)solid;box-sizing:border-box;color:var(--on-pri-700);text-shadow:var(--hero-bg-2).5rem .5rem;background-position:0 var(--bg-pos);background-size:var(--bg-scale)var(--bg-scale);overflow:hidden;position:relative;flex-direction:column;justify-content:end;height:30rem;padding:2rem 4rem}hero hero-logo{position:absolute;z-index:1;display:flex;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}hero hero-logo svg{width:20rem;max-width:90%;height:auto}hero hero-title{z-index:2;font-size:4rem}hero hero-subtext{z-index:2}hero[main]{height:40rem;padding:4rem}hero[main] hero-title{font-size:5rem}hero[error]{justify-content:end;align-items: center;height:100svh;padding:4rem}hero[error] hero-title{font-size:5rem}footer{border-top:1px var(--border)solid;box-sizing:border-box;padding-block-start:2rem;padding-block-end:2rem;padding-inline-start:1rem;padding-inline-end:1rem}footer>div{max-width:var(--width-nav);margin-bottom:1rem;margin-inline-start:auto;margin-inline-end:auto}footer>div.center{text-align:center}footer>div.logo{font-size:4rem}.btn{--btn-color:var(--pri-400);--btn-text:var(--on-pri-400);color:var(--btn-color);display:inline-block;border:1px var(--btn-color)solid;text-decoration:none;text-align:left;filter:drop-shadow(transparent 0rem 0rem);background-color:#0000;padding:.5rem 1rem;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:ease}.btn:hover{background-color:var(--btn-color);color:var(--btn-text)}.btn.sec{--btn-color:var(--sec-400);--btn-text:var(--on-sec-400)}.btn.ter{--btn-color:var(--ter-400);--btn-text:var(--on-ter-400)}.btn.acc{--btn-color:var(--acc-400);--btn-text:var(--on-acc-400)}join{display:flex;margin-block-start:.5rem;margin-block-end:.5rem}join .btn:not(:last-child){border-right:none}join.fill .btn{flex-grow:1}div.cursor{--cx:0;--cy:0;border:1px var(--sec-300)solid;box-sizing:border-box;filter:drop-shadow(#000 0px 1px 0)drop-shadow(#000 1px 0px 0)drop-shadow(#000 0px -1px 0)drop-shadow(#000 -1px 0px 0);z-index:1000;overflow:hidden;transition:border-width .2s,border-coloe .2s,background-color .2s,filter .2s}div.cursor:after{content:"";position:absolute;background:radial-gradient(var(--base-50)4px,transparent 4px);aspect-ratio:1;box-sizing:border-box;z-index:1000;transform:translate(-50%,-50%)translate(var(--cx),var(--cy));opacity:.5;width:100%;transition:opacity .1s;top:0;left:0}div.cursor.focus{filter:none;border-width:2px}div.cursor.focus:after{background:radial-gradient(var(--base-50),transparent 50%);opacity:.2}div.cursor:not(.focus).select{background-color:var(--pri-200);border-color:var(--base-950);filter:none;border-width:4px}div.cursor:not(.focus).select:after{display:none}.hacktime-langs{display:flex;border:1px var(--base-300)solid;position:relative;height:1rem;margin-block-start:1rem;margin-block-end:2rem;margin-inline-start:.5rem;margin-inline-end:.5rem}.hacktime-langs .hacktime-lang{box-sizing:border-box;background:radial-gradient(circle at center,var(--c)1px,transparent 1px);border-right:1px var(--base-300)solid;transform-origin:0% 0%;background-repeat:repeat;background-size:3px 3px;height:1rem}.hacktime-langs .hacktime-lang:last-child{border-right:none}.hacktime-langs .hacktime-lang .hacktime-name{position:absolute;opacity:0;pointer-events:none;margin-top:.2rem;top:100%;left:0}.hacktime-langs .hacktime-lang:hover .hacktime-name{opacity:1}.hacktime-langs .hacktime-lang:focus .hacktime-name{opacity:1}footer .hacktime-langs:first-child{margin-top:-1.5rem}@keyframes hacktimeLoading{to{transform:translate(-50%,-50%)rotate(1turn)}}body:active div.cursor.focus:after{opacity:.4}.search-container{position:fixed;z-index:900;display:flex;box-sizing:border-box;--maxw:40rem;background-color:#000000b9;flex-direction:column;justify-content:center;align-items: center;gap:1rem;width:100%;height:100%;padding:1rem;top:0;left:0}.search-container .search-box{display:flex;max-width:var(--maxw);gap:1rem;width:100%}.search-container .search-box .search-input{display:block;border:1px solid var(--border);background-color:var(--base-950);color:var(--on-base-950);flex-grow:1;padding:1rem}.search-container .search-box .search-close{aspect-ratio:1;border:1px solid var(--border);background-color:var(--base-950);color:var(--on-base-950);font-size:1.5rem;line-height:1em}.search-container .search-results{display:flex;overflow-y:auto;max-width:var(--maxw);flex-direction:column;gap:.5rem;width:100%}.search-container .search-results .search-item{text-decoration:none;display:block;border:1px solid var(--border);background-color:var(--base-950);color:var(--on-base-950);padding:1rem}.search-container .search-results .search-item .search-item-title{margin-bottom:.2rem}.search-container .search-results .search-item .search-item-details{display:flex;justify-content:space-between}.search-container .search-results .search-item:hover{color:var(--on-base-800);background-color:var(--base-800)}@media screen and (max-width:890px){section[split]{display:flex;flex-direction:column}section[split]>div{border:none;border-bottom:1px solid var(--border);padding-block-start:2rem;padding-block-end:2rem;padding-inline-start:0;padding-inline-end:0}section[split]>div:last-child{border-bottom:none}section[split][reverse]{flex-direction:column-reverse}section[split][reverse]>div{border-bottom:1px solid var(--border)}section[split][reverse]>div:first-child{border-bottom:none}.cursor{display:none}posts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}posts a{display:block;grid-template-columns:none}posts a thumb{border-right:none;border-bottom:1px solid var(--border)}header{height:5rem;font-size:1.2rem}header nav{align-items:stretch;width:100%;height:auto}header .minibtns{align-items:stretch;width:100%;height:auto}header .minibtns{justify-content:end}header nav{position:fixed;box-sizing:border-box;background-color:var(--base-950);overflow-y:auto;flex-direction:column;width:100%;height:100%;padding:2rem;transition:transform .5s ease-in-out;top:0;left:0;transform:translate(100%)}header nav a{border:1px var(--pri-400)solid;padding:1rem}header nav a[navbtn]{margin-left:auto}header nav button{border:1px var(--pri-400)solid;padding:1rem}header nav button[navbtn]{margin-left:auto}header nav.open{transform:translate(0%)}header [navbtn]{border:1px var(--pri-400)solid;display:block}}@media screen and (max-width:660px){posts{display:grid;grid-template-columns:1fr}}
