:root{color:#222;font-synthesis:none;background:#f5f5f5;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:#f5f5f5}main{min-height:100dvh;padding:48px 24px}.column{flex-direction:column;width:min(100%,680px);min-height:calc(100dvh - 96px);margin:0 auto;display:flex}h1,p{font:inherit;margin:0}.intro p{margin-top:24px}.projects{margin-top:144px}nav{flex-direction:column;align-items:flex-start;display:flex}a{color:inherit;text-underline-offset:.15em;text-decoration:none}.projects a{--project-color:#eee;background-color:var(--project-color);transition:background-color .12s}footer a:hover,footer a:focus-visible{text-decoration:underline}a:focus-visible{outline-offset:3px;outline:2px solid}footer{margin-top:auto;padding-top:144px}.not-found-image{--image-color:#5d5d5d;aspect-ratio:1;background-color:var(--image-color);justify-content:center;align-items:center;width:min(100%,360px);margin-top:72px;transition:background-color .35s;display:flex;overflow:hidden}.not-found-image img{object-fit:contain;width:100%;height:100%;display:block}body{font-size:28px;font-weight:400;line-height:1.4}@media (prefers-reduced-motion:reduce){.not-found-image{transition:none}}@media (width<=600px){main{padding:32px 20px}.column{min-height:calc(100dvh - 64px)}body{font-size:22px}.projects{margin-top:112px}footer{padding-top:112px}.not-found-image{margin-top:56px}.not-found-page footer{padding-top:80px}}