*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:root{--day-bg: white;--day-text: black;--night-bg: rgb(23, 23, 23);--night-text: rgb(236, 236, 236);--contrast-color: #c11818;--day-blockquote: rgb(236, 236, 236);--night-blockquote: rgb(31, 31, 31)}h1{font-size:2.5em;margin-top:40px}h2{font-size:1.8em;margin-top:60px;margin-bottom:28px}h3{font-size:1.25em;margin-top:60px;margin-bottom:28px}html{font-family:'Source Sans Pro', sans-serif;font-size:18px}code{font-size:18px;font-family:"Source Code Pro", "Consolas", monospace}body{display:grid;grid-template-columns:auto minmax(300px, 750px) auto;grid-template-rows:120px max-content auto auto;--primary-bg: var(--day-bg);--primary-text: var(--day-text);--blockquote-bg: var(--day-blockquote);background-color:var(--primary-bg);color:var(--primary-text);max-width:1400px;margin-left:auto;margin-right:auto}body.night{--primary-bg: var(--night-bg);--primary-text: var(--night-text);--blockquote-bg: var(--night-blockquote)}a{color:var(--primary-text)}header{grid-column:1 / 4;grid-row:1 / 2;justify-self:center;padding-left:24px;display:flex;align-items:center}@media (min-width: 750px){header{justify-self:start;grid-column:1 / 4;grid-row:1 / 2}}header span{font-weight:600}header a{text-decoration:none}nav{grid-column:1 / 4;grid-row:2 / 3;justify-self:center;padding-right:24px;display:flex;align-items:center;font-weight:600}@media (min-width: 750px){nav{justify-self:end;grid-column:1 / 4;grid-row:1 / 2}}nav a{padding:12px 24px;text-decoration:none}nav a:visited{color:inherit}nav a::after{content:"";display:block;margin-top:12px;width:100%;height:2px;background-color:var(--contrast-color);transition:transform 100ms ease-in-out}nav a:hover::after{transform:translateY(-4px) scaleX(1.1)}h1,h2,h3,h4,h5,h6{position:relative}h1 .anchor-link,h2 .anchor-link,h3 .anchor-link,h4 .anchor-link,h5 .anchor-link,h6 .anchor-link{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;opacity:0;transition:opacity 100ms ease-in-out}h1 .anchor-link img,h2 .anchor-link img,h3 .anchor-link img,h4 .anchor-link img,h5 .anchor-link img,h6 .anchor-link img{display:none}@media (min-width: 820px){h1 .anchor-link img,h2 .anchor-link img,h3 .anchor-link img,h4 .anchor-link img,h5 .anchor-link img,h6 .anchor-link img{position:absolute;left:-40px;display:block}}.night h1 .anchor-link,.night h2 .anchor-link,.night h3 .anchor-link,.night h4 .anchor-link,.night h5 .anchor-link,.night h6 .anchor-link{filter:invert(100%)}h1:hover .anchor-link,h2:hover .anchor-link,h3:hover .anchor-link,h4:hover .anchor-link,h5:hover .anchor-link,h6:hover .anchor-link{opacity:1.0}main{grid-column:2 / 3;grid-row:3 / 4;margin:0px 8px}main h1+time{display:block;margin-bottom:40px}main p code,main li code{background:black;color:white;padding:2px 8px;white-space:pre-wrap;hyphens:none}main p{margin-bottom:24px;white-space:pre-line;line-height:1.8;hyphens:auto;text-align:justify}main p a>code{text-decoration:underline}main p>img{align-self:center;margin-left:auto;margin-right:auto}main pre{padding:8px 12px;overflow-x:auto;margin-bottom:24px}main ol,main ul{padding-left:40px}main ol li,main ul li{margin-top:8px}main .image-row{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));align-items:center;gap:16px;margin-bottom:16px}main blockquote{background:var(--blockquote-bg);padding-top:24px;padding-bottom:24px;padding-left:16px;padding-right:16px;margin-bottom:24px;border-left:8px var(--primary-text) solid}main blockquote p{margin:0;font-style:italic}ul.posts{list-style:none;padding-left:0;padding-right:0}ul.posts>li{margin-bottom:24px}ul.posts>li>a{text-decoration:none}ul.posts>li>a>h2{margin-bottom:8px}ul.posts>li>time{display:block;margin-bottom:16px}footer{grid-column:1 / 4;grid-row-start:4;padding-top:80px;padding-bottom:40px;margin-left:24px;margin-right:24px;align-self:end}#toggle-night-mode{background:none;border:none;width:24px;height:24px;padding:0px;margin-left:16px;transition:transform 100ms ease-in-out;cursor:pointer}#toggle-night-mode:focus{outline:none}#toggle-night-mode::after{content:" ";display:block;width:24px;height:24px;background-image:url("svg/moon.svg");background-repeat:no-repeat;background-position:center}.night #toggle-night-mode::after{background-image:url("svg/sun.svg");filter:invert(100%)}#toggle-night-mode:hover{transform:rotateZ(30deg)}.night #toggle-night-mode:hover::after{animation:sun-spin 750ms infinite linear}@keyframes sun-spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}