@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Inter:wght@400;500;600&display=swap";:root{--color-white: #ffffff;--color-text: #1a1a1a;--color-text-muted: #6b6b6b;--color-background: #fafafa;--color-accent: #2d6a4f;--color-accent-hover: #1b4332;--background-color: var(--color-background);--text-color: var(--color-text);--color-link: var(--color-accent);--gradient-color-1: #2d6a4f;--gradient-color-2: #8ab4a0;--gradient-color-3: #1b4332;--max-width: 920px;--font-size-name: clamp(3rem, 8vw, 4rem);--font-size-4: 2rem;--font-size-3: 1.5rem;--font-size-2: 1.25rem;--font-size-1: 1.125rem;--font-size-small: .875rem;--font-family-headers: "Libre Baskerville", Georgia, serif;--font-family-normal: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius: 4px;--transition: .15s ease;--box-shadowed: 0 1px 2px hsl(0deg 0% 0% / .05), 0 2px 4px hsl(0deg 0% 0% / .05), 0 4px 8px hsl(0deg 0% 0% / .05)}@media(prefers-color-scheme:dark){:root{--color-background: #111111;--color-text: #f5f5f5;--color-text-muted: #888888;--color-accent: #74c69d;--color-accent-hover: #95d5b2;--background-color: var(--color-background);--text-color: var(--color-text);--color-link: var(--color-accent);--gradient-color-1: #40916c;--gradient-color-2: #95d5b2;--gradient-color-3: #1b4332}}header{padding-top:var(--space-md);padding-bottom:0;border-bottom:2px solid var(--color-text);margin-bottom:var(--space-sm)}header *{font-family:var(--font-family-headers)}header a,header h2{text-decoration:none}header a:hover{text-decoration:none}header #header-container{display:flex;flex-direction:column;margin:0 auto;padding:0;max-width:var(--max-width)}header .title-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}header h2{color:var(--text-color);font-size:var(--font-size-2);font-weight:700;white-space:nowrap;margin:var(--space-xs) 0;transition:color .3s ease}header a:hover h2{color:var(--color-accent)}header span{color:var(--color-text-muted);font-size:var(--font-size-small);font-family:var(--font-family-normal);white-space:nowrap;margin:var(--space-xs) 0}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:2px}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}main p{font-size:var(--font-size-1);margin-bottom:var(--space-md)}main li{font-size:var(--font-size-1);margin-bottom:var(--space-xs)}main ul,main ol{margin-bottom:var(--space-md)}.link-wrapper{font-size:var(--font-size-3);padding:var(--space-xs) var(--space-sm);margin:0 0 var(--space-md) 0;border-radius:var(--radius, 4px);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.link-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;background-color:#2d6a4f0d}@media(prefers-color-scheme:dark){.link-wrapper:hover{box-shadow:0 4px 12px #0000004d;background-color:#74c69d0f}}.link-description{font-size:var(--font-size-1);color:var(--color-text-muted);padding:0;margin:var(--space-xs) 0 0 0}.link-date,.post-date{font-size:var(--font-size-small);color:var(--color-text-muted);text-decoration:none;font-style:normal;border:none;margin-bottom:var(--space-xs)}.post-byline{font-size:var(--font-size-small);color:var(--color-text-muted);font-style:italic;margin-top:0}.link-title{text-decoration:underline;text-underline-offset:2px;color:var(--color-link)}.link-title:hover{color:var(--color-accent-hover)}main p a{text-decoration:underline;text-underline-offset:2px}main strong,main b{color:var(--color-accent)}main h1{font-size:var(--font-size-4);font-family:var(--font-family-headers);font-weight:700;padding:0;margin-top:var(--space-lg);margin-bottom:var(--space-md);transition:color .3s ease}main h1:hover{color:var(--color-accent);cursor:default}main h2{font-size:var(--font-size-3);font-family:var(--font-family-headers);font-weight:700;padding:0;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}main h3{font-size:var(--font-size-2);font-family:var(--font-family-headers);font-weight:700;padding:0;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}main h4{font-size:var(--font-size-1);font-family:var(--font-family-headers);font-weight:700;margin-top:var(--space-md);margin-bottom:var(--space-xs)}main img{width:100%;max-width:250px;height:auto;margin:auto;box-shadow:var(--box-shadowed);border-radius:var(--radius)}main pre *,main code *{white-space:normal;overflow:auto;word-break:break-word}footer{margin:0 auto;padding:var(--space-lg) var(--space-sm);text-align:center;background-color:var(--background-color);max-width:var(--max-width)}footer *{font-size:var(--font-size-small);color:var(--color-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*{color:var(--text-color);box-sizing:border-box}html{background-color:var(--background-color)}body,html{margin:0;padding:0;height:100%;width:100%;position:relative;font-family:var(--font-family-normal);font-size:var(--font-size-1);line-height:1.6}h1,h2,h3,h4{line-height:1.2}.content{margin:0 auto;padding:0;min-height:100%;max-width:var(--max-width);padding-top:.001rem;padding-left:var(--space-lg);padding-right:var(--space-lg);background-color:var(--background-color);box-shadow:var(--box-shadowed);animation:fadeInUp .5s ease-out}@media(prefers-reduced-motion:reduce){.content,#hero,#content-section{animation:none}}.draft{border:2px dashed red;background-color:#ff00001a}.draft-label{color:red;font-weight:700;margin-left:10px}#splash-container{display:flex;align-items:center;gap:20px;text-align:center;flex-direction:row;flex-wrap:wrap;padding:0;margin:0;width:80%}#splash-text-section{width:49%;text-align:left;margin:0;padding:0}#splash-image-section{width:40%;margin:0;padding:0}#splash-profile-image{max-width:250px;height:auto;border-radius:10px}@media(max-width:768px){#splash-container{flex-direction:column;padding:0;width:100%}#splash-text-section,#splash-image-section{width:100%}.content{padding-left:var(--space-sm);padding-right:var(--space-sm)}}svg{position:fixed;top:0;left:0;width:110%;height:110%;transform:scale(1.1);z-index:-1;opacity:.12}.content{position:relative;z-index:1}
