*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}form,fieldset{padding:0}#root,#__next{isolation:isolate}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{--bg-color: var(--color-base-light);--fg-color: var(--color-base-dark);--bg-color-subtle: var(--color-gray-subtle-light);--fg-color-subtle: var(--color-gray-light);--accent-color: var(--color-accent-light);font-family:var(--font-base);font-size:var(--size-step-0);font-weight:var(--font-weight-base);line-height:var(--line-height-base);background:url(https://web.archive.org/web/20091027005903/http://geocities.com/hk/Hacker/2/stars.gif);color:var(--fg-color);letter-spacing:var(--tracking);display:flex;flex-direction:column;cursor:url(https://web.archive.org/web/20091026152422/http://www.geocities.com/Area51/Corridor/5177/curs1013.cur),auto;text-shadow:2px 2px 0px #000000}[data-theme=dark] body{--bg-color: #000000;--fg-color: var(--color-base-light);--bg-color-subtle: var(--color-gray-subtle-dark);--fg-color-subtle: var(--color-gray-dark);--accent-color: var(--color-accent-dark)}h1{font-family:var(--font-heading);font-weight:var(--font-weight-heading-1)}h2,h3{font-family:var(--font-heading);font-weight:var(--font-weight-heading-2)}h4,h5,h6{font-family:var(--font-base);font-weight:var(--font-weight-bold)}h1,h2,h3{line-height:var(--line-height-tight);letter-spacing:var(--tracking-l);max-width:24ch}h1{font-size:var(--size-step-5)}h2{font-size:var(--size-step-3)}h3{font-size:var(--size-step-2)}h4,h5,h6{font-size:var(--size-step-1)}p,li,h4,h5,h6,blockquote:not([class]){max-width:var(--content-measure)}em{color:var(--accent-color)}blockquote:not([class]){font-family:var(--font-heading);font-size:var(--size-step-2)}blockquote:not([class]) p:last-of-type{font-family:var(--font-base);font-size:var(--size-step-1);font-weight:400}svg{height:2.5ex;width:auto;flex:none}[role=list]{padding:0}a{color:var(--accent-color)}a:hover{text-decoration:none}:target{scroll-margin-top:2ex}main:focus{outline:none}:focus{outline:var(--outline-size) solid;outline-offset:var(--outline-offset);outline-color:var(--fg-color)}main>ul[role=list],header,section,article>*,aside{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}main,header,aside{margin-block-end:var(--space-xl-2xl)}hr{border:none;height:1px;background-color:var(--bg-color-subtle)}p>code,li>code,a>code{padding:2px 4px;border-radius:var(--border-radius-sm);background-color:var(--bg-color-subtle);color:var(--accent-color);font-size:var(--size-step-0)}pre{padding:var(--space-2xs-xs);border-radius:var(--border-radius-sm)}footer{margin-block-start:var(--space-xl-2xl)}:root{--color-base-light: #FFFF00;--color-base-dark: #FF00FF;--color-accent-dark: #00FFFF;--color-accent-light: #FF0000;--color-gray-light: #00FF00;--color-gray-subtle-light: #FF9900;--color-gray-dark: #9900FF;--color-gray-subtle-dark: #0000FF;--font-base: "Comic Sans MS", "Comic Sans", cursive;--font-heading: "Comic Sans MS", "Comic Sans", cursive;--font-weight-heading-1: 100;--font-weight-heading-2: 200;--font-weight-base: 400;--font-weight-bold: 700;--content-measure: 60ch;--outline-offset: .25rem;--outline-size: 2px;--gutter: var(--space-s-m);--border-radius: 12px;--border-radius-sm: .25rem;--duration-sm: .25s;--duration-md: .5s;--duration-lg: .7s;--transition-base: var(--duration-sm) ease;--transition-movement: var(--duration-sm) linear;--transition-fade: var(--duration-md) ease;--transition-bounce: var(--duration-md) cubic-bezier(.5, .05, .2, 1.5);--tracking-s: -.07ch;--tracking: -.05ch;--tracking-l: -.01ch;--line-height-base: 1.4;--line-height-tight: 1;--size-step--1: clamp(.88rem, calc(.95rem - .08vw), .94rem);--size-step-0: clamp(1.13rem, calc(1.09rem + .19vw), 1.25rem);--size-step-1: clamp(1.35rem, calc(1.22rem + .65vw), 1.77rem);--size-step-2: clamp(1.62rem, calc(1.35rem + 1.37vw), 2.5rem);--size-step-3: clamp(1.94rem, calc(1.45rem + 2.47vw), 3.53rem);--size-step-4: clamp(2.33rem, calc(1.5rem + 4.14vw), 5rem);--size-step-5: clamp(2.8rem, calc(1.47rem + 6.63vw), 7.07rem);--space-3xs: clamp(.25rem, calc(.23rem + .1vw), .31rem);--space-2xs: clamp(.5rem, calc(.46rem + .19vw), .63rem);--space-xs: clamp(.75rem, calc(.69rem + .29vw), .94rem);--space-s: clamp(1rem, calc(.92rem + .39vw), 1.25rem);--space-m: clamp(1.5rem, calc(1.38rem + .58vw), 1.88rem);--space-l: clamp(2rem, calc(1.84rem + .78vw), 2.5rem);--space-xl: clamp(3rem, calc(2.77rem + 1.17vw), 3.75rem);--space-2xl: clamp(4rem, calc(3.69rem + 1.55vw), 5rem);--space-3xs-2xs: clamp(.25rem, calc(.13rem + .58vw), .63rem);--space-2xs-xs: clamp(.5rem, calc(.36rem + .68vw), .94rem);--space-xs-s: clamp(.75rem, calc(.59rem + .78vw), 1.25rem);--space-s-m: clamp(1rem, calc(.73rem + 1.36vw), 1.88rem);--space-m-l: clamp(1.5rem, calc(1.19rem + 1.55vw), 2.5rem);--space-l-xl: clamp(2rem, calc(1.46rem + 2.72vw), 3.75rem);--space-xl-2xl: clamp(3rem, calc(2.38rem + 3.11vw), 5rem);--space-l-2xl: clamp(2rem, calc(1.07rem + 4.66vw), 5rem)}@font-face{font-family:Silk;font-style:normal;font-weight:100;font-display:swap;src:local(""),url(/fonts/SilkSerif-ExtraLight.woff2) format("woff2")}@font-face{font-family:Silk;font-style:normal;font-weight:200;font-display:swap;src:local(""),url(/fonts/SilkSerif-Light.woff2) format("woff2")}.grid{--grid-min-item-size: 20ch;display:grid;gap:var(--gutter, var(--space-2xl))}@supports (width: min(var(--grid-min-item-size),100%)){.grid{grid-template-columns:repeat(var(--grid-placement, auto-fit),minmax(min(var(--grid-min-item-size, 20ch),100%),1fr))}}.flow>*+*,.prose>*+*{margin-block-start:var(--flow-space, var(--space-s-m))}.prose :is(pre,pre + *,figure,figure + *,h2,h3,h4,h5,h6){--flow-space: var(--space-l-xl)}.prose :is(h2 + *,h3 + *,h4 + *,h5 + *,h6 + *){--flow-space: var(--space-s)}.wrapper{width:clamp(16rem,95vw,75rem);margin-inline:auto;padding-inline:var(--gutter, 1rem);position:relative}.repel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--gutter, var(--space-s-m))}.cluster{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--gutter, var(--space-s-m))}.region{padding-top:var(--region-space, var(--space-l-xl));padding-bottom:var(--region-space, var(--space-l-xl))}.prose{max-inline-size:var(--content-measure)}.object-fit-cover{height:100%;object-fit:cover;width:100%}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.hero{margin-block-start:var(--space-l-2xl)}.hero :is(h1,h2){text-transform:uppercase}.hero a{text-decoration:none;font-weight:700}.hero a:hover{text-decoration:underline}.features{--gutter: var(--space-l)}.grid[data-layout="50-50"]{--grid-placement: auto-fit;--grid-min-item-size: clamp(16rem, 50vw, 26rem)}main:where(.astro-J7PV25F6){margin:auto;padding:1.5rem;max-width:800px;border:5px solid #FF00FF;box-shadow:10px 10px #0ff}.inline:where(.astro-J7PV25F6){white-space:nowrap}.inline:where(.astro-J7PV25F6) :where(.astro-J7PV25F6){display:inline}h1:where(.astro-J7PV25F6){font-size:3rem;font-weight:800;margin:0;color:#f0f;text-shadow:3px 3px 0 #000000,5px 5px 0 #00FFFF;letter-spacing:2px;transform:rotate(-2deg);display:inline-block}h2:where(.astro-J7PV25F6){font-size:2.5rem;color:#ff0;text-shadow:2px 2px 0 #000000}h3:where(.astro-J7PV25F6){font-size:1.8rem;color:#0ff;text-shadow:2px 2px 0 #000000}h4:where(.astro-J7PV25F6){color:#f90}p:where(.astro-J7PV25F6){text-align:left;margin-bottom:1rem;font-size:1.2rem}a:where(.astro-J7PV25F6){text-decoration:none;font-weight:700;color:#0ff}a:where(.astro-J7PV25F6):hover{color:#ff0;text-decoration:underline}footer:where(.astro-J7PV25F6){margin:2rem;padding:2rem}.wrapper:where(.astro-J7PV25F6){display:flex;flex-direction:column;justify-content:top;align-items:center;min-height:100vh;background-color:#0009;border:10px ridge #FF00FF;padding:20px}.center:where(.astro-J7PV25F6){text-align:center}.hero-image:where(.astro-J7PV25F6){width:100%;height:100%;border:3px solid #00FFFF}.blink:where(.astro-J7PV25F6){animation:blink-animation .5s steps(5,start) infinite;-webkit-animation:blink-animation .5s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.yellow:where(.astro-J7PV25F6){color:#ff0}.text-gradient:where(.astro-J7PV25F6){background-image:linear-gradient(45deg,#FF00FF,#00FFFF,#FFFF00,#FF00FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:400%;background-position:0%;animation:gradient-animation 3s ease infinite}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-highlighter:where(.astro-J7PV25F6){color:#0ff;font-weight:700;text-shadow:2px 2px 0 #000000}.text-pink:where(.astro-J7PV25F6){color:#f0f}.text-erased:where(.astro-J7PV25F6){color:#999;text-decoration:line-through}.project-card:where(.astro-J7PV25F6){transition:transform .3s}.project-card:where(.astro-J7PV25F6):hover{transform:rotate(2deg) scale(1.05)}.link-card-grid:where(.astro-J7PV25F6){display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1rem;padding:0}::-webkit-scrollbar:where(.astro-J7PV25F6){width:15px;height:15px}::-webkit-scrollbar-track:where(.astro-J7PV25F6){background:#000000;border:1px solid #FF00FF}::-webkit-scrollbar-thumb:where(.astro-J7PV25F6){background:#FF00FF;border:1px dashed #00FFFF}
