*,*:before,*:after{min-width:0;margin:0;padding:0;box-sizing:border-box}*:focus{outline:none}html{height:100%;font-family:Courier,monospace;font-size:62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;color:var(--white-med);background:var(--color-gradient-outer)}body{overscroll-behavior-y:none}h1,h2{font-weight:400}p{text-wrap:pretty}img,svg{display:block}ul{list-style:none}a{color:inherit;text-decoration:none}button,button:disabled{font:inherit;border:none;border-radius:0;background:none}:root{--white-light: hsl(0, 0%, 90%);--white-med: hsl(0, 0%, 60%);--white-dark: hsl(0, 0%, 45%);--red-light: hsl(7, 68%, 61%);--red-med: hsl(7, 58%, 54%);--red-dark: hsl(0, 100%, 34%);--blue-light: hsl(210, 2%, 16%);--blue-dark: hsl(240, 3%, 6%);--color-focus: var(--white-light);--color-gradient-center: var(--blue-light);--color-gradient-outer: var(--blue-dark);--padding-projects-button: 20px;--gap-row: 16px;--gap-col: 24px;--z-index-background: -1;--z-index-edward: 1;--z-index-vignette: 2;--z-index-crt: 3;--z-index-above-crt: 4;--opacity-hover-sybling: .5;--letter-spacing: .4em;--duration: .14s;--ease: linear;--transition: all var(--duration) var(--ease)}@media (max-width: 900px){:root{--gap-col: 32px}}.textLarge{font-size:1.9rem;line-height:1.056}.textLarge:before{content:"";margin-bottom:-.1622em;display:table}.textLarge:after{content:"";margin-top:-.1213em;display:table}.textMed{font-size:1.6rem;line-height:1.5}.textMed:before{content:"";margin-bottom:-.1709em;display:table}.textMed:after{content:"";margin-top:-.21em;display:table}.bold{font-weight:700}#background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:var(--z-index-background);background-image:radial-gradient(ellipse at 60% 60%,var(--color-gradient-center) 0%,var(--color-gradient-outer) 65%);background-attachment:fixed;overscroll-behavior:none}@keyframes crtKeyframes{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}#crt{position:fixed;top:0;left:0;bottom:0;right:0;z-index:var(--z-index-crt);background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 2px,3px 100%;pointer-events:none}#crt:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:var(--z-index-crt);background:rgba(18,16,16,.1);pointer-events:none;animation:crtKeyframes .15s infinite}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-vignette);box-shadow:inset 0 0 228px #05050540,inset 0 0 128px #050505,inset 0 0 128px #050505;pointer-events:none;mix-blend-mode:multiply}.screenReaderOnly{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;margin:-1px;padding:0;position:absolute;width:1px;white-space:nowrap}body{min-height:100%;position:relative;padding-bottom:var(--gap-col);display:grid;grid:".          .               " 50vh "line       line            " var(--gap-row) "line       line            " auto "line       line            " var(--gap-row) ".          .               " var(--gap-row) ".          lead            " auto ".          .               " var(--gap-row) ".          footer          " auto ".          .               " calc(var(--gap-row) * 1.5) ".          projects        " auto ".          .               " 1fr / 1fr 67%;gap:0 var(--gap-col);justify-items:start}body[data-state=projects]{padding-bottom:50vh}@media (max-width: 900px){body{--gap-row: 24px;grid:".      ed              ed  " 50vh "line   line            line" var(--gap-row) "line   line            line" auto "line   line            line" var(--gap-row) ".      .               .   " var(--gap-row) ".      lead            .   " auto ".      .               .   " var(--gap-row) ".      footer          .   " auto ".      .               .   " calc(var(--gap-row) * 1.5) ".      projects        .   " auto ".      .               .   " 1fr / var(--gap-col) 1fr var(--gap-col);gap:0}}@media (max-width: 600px){body{padding-bottom:128px}}#line{grid-area:line;width:100%;background:var(--white-light)}@keyframes flicker{0%{opacity:1}5%{opacity:0}10%{opacity:1}15%{opacity:.1}20%{opacity:1}25%{opacity:.2}30%{opacity:1}35%{opacity:.3}40%{opacity:1}45%{opacity:.4}50%{opacity:1}55%{opacity:.5}60%{opacity:1}65%{opacity:.6}70%{opacity:1}75%{opacity:.7}80%{opacity:1}85%{opacity:.8}90%{opacity:1}95%{opacity:.9}to{opacity:1}}#edLayout{grid-row:1 / -1;grid-column:1;width:100%;position:relative;overflow:hidden;z-index:var(--z-index-edward);pointer-events:none;svg {width: 100%; min-width: 460px; position: absolute; top: 45vh; right: 0; translate: 0 -50%; fill: var(--red-dark); animation-name: flicker; animation-duration: .5s; animation-fill-mode: forwards;}}@media (max-width: 900px){#edLayout{grid-area:ed;translate:0 12px;svg {width: 360px; min-width: unset; scale: -1 1; top: 50%;}}}@media (max-width: 600px){#edLayout{svg {right: unset; left: 38%;}}}p#lead{grid-area:lead;z-index:var(--z-index-above-crt)}header{grid-row:3;grid-column:2;display:flex;align-items:flex-end;gap:16px var(--gap-col);flex-wrap:wrap;img {translate: 0 2px;} p#dropHead {color: var(--color-gradient-center);}}footer{grid-area:footer;position:relative;z-index:var(--z-index-above-crt)}footer ul{display:flex;gap:32px}footer ul:has(a:hover) a:not(a:hover){opacity:var(--opacity-hover-sybling)}footer ul a{position:relative;display:flex;transition:var(--transition);svg {width: 16px; aspect-ratio: 1; fill: var(--white-dark); transition: var(--transition);}}footer ul a:hover{svg {fill: var(--white-light);}}footer ul a:after{content:"";width:48px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer ul a:focus-visible:after{outline:1px solid var(--color-focus)}@media (max-width: 380px){footer li:has(a:is(#patreon,#youTube,#email)){display:none}}section.projects{grid-area:projects;position:relative;z-index:var(--z-index-above-crt);display:flex;flex-direction:column;gap:calc(var(--gap-row) * .5);align-items:flex-start}section.projects ul{padding-left:var(--padding-projects-button);display:none;flex-direction:column}section.projects ul:has(a:hover) a:not(a:hover){opacity:var(--opacity-hover-sybling)}section.projects ul li{display:flex}section.projects ul li a{position:relative;padding:3px 0;text-decoration:underline;color:var(--white-light);transition:var(--transition)}section.projects ul li a:focus-visible:after{content:"";position:absolute;top:0;right:-16px;bottom:0;left:-16px;outline:1px solid var(--color-focus)}body[data-state=projects] section.projects ul{display:flex}@media (max-width: 600px){section.projects{gap:unset}section.projects ul li a{padding:13px 0}}section.projects button{grid-area:projectsLink;position:relative;z-index:var(--z-index-above-crt);padding:8px var(--padding-projects-button);text-transform:uppercase;letter-spacing:var(--letter-spacing);color:var(--white-light);border:1px solid currentColor;font-weight:700;cursor:pointer;transition-property:color,background,border-color;transition-duration:var(--duration);transition-timing-function:var(--ease)}section.projects button:hover{color:var(--color-gradient-center);background:var(--white-light)}section.projects button:focus-visible{outline:1px solid var(--color-focus)}body[data-state=projects] section.projects button{background:transparent;border-color:transparent;color:var(--white-med);outline-color:transparent;cursor:unset}