:root{--background-color: #ededed;--foreground-color: #123456;--mix-color-10: color-mix(in oklab, var(--background-color) 90%, var(--foreground-color) 10%);--mix-color-50: color-mix(in oklab, var(--background-color) 50%, var(--foreground-color) 50%);--mix-color-90: color-mix(in oklab, var(--background-color) 10%, var(--foreground-color) 90%);font-family:system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--foreground-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--background-color: #123456;--foreground-color: #ededed}}a{text-decoration:inherit;color:var(--foreground-color);filter:saturate(1) brightness(2)}a:hover{color:var(--foreground-color);filter:brightness(3)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--foreground-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;animation-duration:2s;animation-name:appear;animation-timing-function:ease-in}@keyframes appear{0%{filter:blur(100px)}to{filter:none}}.portrait3{aspect-ratio:1;max-height:50vmin;max-width:50vmin;border-radius:50%;border-color:var(--foreground-color);border-width:1cqmin;border-style:solid}.portrait3 .beard{fill:var(--foreground-color)}.portrait3 .skin{fill:var(--background-color)}@media(prefers-color-scheme:dark){.portrait3{background-color:var(--foreground-color)}.portrait3 .beard{fill:var(--background-color)}.portrait3 .skin{fill:var(--foreground-color)}}.card{padding:2em;box-shadow:0 0 8em -1em var(--mix-color-50);border-radius:1em}.timeline .card{margin:2em 0}