:root{--bg-color: var(--background);--txt-color: var(--foreground);--header-bg: var(--card);--footer-bg: var(--card);--header-txt: var(--card-foreground);--footer-txt: var(--card-foreground);--link-color: var(--accent);--toggle-bg: var(--primary);--border1: var(--primary);--accent1: var(--accent);--howdy-color: var(--primary);--blog: var(--card);--background: oklch(22.648% .04933 162.486);--foreground: oklch(95.497% .05138 170.38);--card: oklch(26.605% .05893 161.365);--card-foreground: oklch(95.497% .05138 170.38);--primary: oklch(63.256% .15016 157.189);--primary-foreground: oklch(22.648% .04933 162.486);--accent: oklch(90.249% .15586 164.077);--light-background: oklch(97.448% .02284 173.15);--light-foreground: oklch(22.648% .04933 162.486);--light-accent: oklch(30.743% .06966 159.917)}:has(#light-mode-toggle:checked){--bg-color: var(--light-background);--txt-color: var(--light-foreground);--link-color: var(--light-accent)}body{background-color:var(--bg-color);color:var(--txt-color);display:flex;flex-direction:column;font-size:16px;font-family:Open Sans,Arial;min-height:100vh;margin:0}header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--header-bg);color:var(--header-txt);z-index:1000}header .navbar{padding:0 1em;display:flex;justify-content:space-between;align-items:center}header .nav-menu{list-style:none;display:flex;gap:1.5em;margin:0;padding:0}header .nav-link{color:var(--header-txt);text-decoration:none;font-weight:700}header .light-mode-toggle{background-color:var(--toggle-bg);width:50px;height:26px;border-radius:50px;position:relative;cursor:pointer;display:flex;justify-content:space-between;align-items:center}header .light-mode-toggle .toggle-icon{background-color:#fff;width:22px;height:22px;border-radius:50%;position:absolute;left:2px;top:2px;transition:transform .2s linear}header .light-mode-toggle .icon-moon{padding:3px 4px 0 0}header .light-mode-toggle .icon-sun{padding:3px 0 0 4px}header .light-mode-toggle .checkbox{opacity:0;position:absolute}header .light-mode-toggle .checkbox:checked+.toggle-icon{transform:translate(24px)}footer{background:var(--footer-bg);color:var(--footer-txt);text-align:center;padding:1em;margin-top:auto}.animate{font-size:50px;margin:100px 0 0}.animate span{display:inline-block;opacity:0}.animate span:nth-of-type(2){animation-delay:.05s}.animate span:nth-of-type(3){animation-delay:.1s}.animate span:nth-of-type(4){animation-delay:.15s}.animate span:nth-of-type(5){animation-delay:.2s}.animate span:nth-of-type(6){animation-delay:.25s}.howdy span{color:var(--howdy-color);opacity:0;transform:rotate(-180deg) translate(150px);animation:howdy .75s forwards;position:relative;z-index:1}:has(#replay-animation:checked) .animate span:nth-of-type(2){animation-delay:.05s}:has(#replay-animation:checked) .animate span:nth-of-type(3){animation-delay:.1s}:has(#replay-animation:checked) .animate span:nth-of-type(4){animation-delay:.15s}:has(#replay-animation:checked) .animate span:nth-of-type(5){animation-delay:.2s}:has(#replay-animation:checked) .animate span:nth-of-type(6){animation-delay:.25s}:has(#replay-animation:checked) .howdy span{opacity:0;transform:rotate(-180deg) translate(150px);animation:howdy2 .75s forwards}@keyframes howdy{10%{opacity:1}to{transform:rotate(0) translate(0);opacity:1}}@keyframes howdy2{10%{opacity:1}to{transform:rotate(0) translate(0);opacity:1}}a{color:var(--link-color);text-decoration:underline;transition:color .3s}a:hover{color:var(--link-color)}.content{max-width:800px;margin:0 auto;padding:0 1em}#Howdy{display:inline-block;margin-bottom:0;border-radius:1rem;padding:0rem;background-color:var(--tetradic-3)}.intro{margin-top:0;margin-bottom:3em;font-size:1.1em;line-height:1.6}.intro #small-about{margin-top:0}.intro .replay-button{display:inline-block;padding:.5em 1em;background-color:var(--accent1);color:#333;border:none;border-radius:4px;cursor:pointer;font-weight:700;text-decoration:none}.intro .replay-button:hover{background-color:var(--border1);text-decoration:underline}.blog-posts{margin-top:3em;margin-bottom:3em}.blog-posts h2{font-size:2em;margin-bottom:.5em}.blog-posts .posts-list{display:flex;flex-direction:column;gap:1em}.blog-posts .post-card{padding:1.5em;border-left:4px solid var(--border1);border-top:1px solid var(--border1);border-bottom:1px solid var(--border1);border-right:1px solid var(--border1);border-radius:1rem}.blog-posts .post-card h3{margin:0}.blog-posts .post-card a{text-decoration:none}.blog-posts .post-card .read-more{text-decoration:none;font-weight:700}.blog-posts .post-card .read-more:hover{text-decoration:underline}.blog-posts .post-card .post-header{display:flex;justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:.5em}.blog-posts .post-card .post-date{font-size:.9em;margin:0;white-space:nowrap;flex-shrink:0}.blog-posts .post-card .post-excerpt{margin:1em 0}.about-content p{font-size:1.1em;line-height:1.6;margin-bottom:1em}