@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}#fader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none;background:#fff;animation-duration:.3s;animation-timing-function:ease-in-out}@media (prefers-color-scheme:dark){#fader{background:#000}}#fader.fade-out{opacity:0;animation-name:fade-out}#fader.fade-in{opacity:1;animation-name:fade-in}*,::after,::before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}body{--max-width:1024px;--body-bg-color:white;--body-color:black;--logo-color:darkgreen;--header-bg-color:whitesmoke;--menu-item-bg-color:lightgray;--menu-item-color:green}@media (prefers-color-scheme:dark){body{--body-bg-color:black;--body-color:white;--logo-color:darkgreen;--header-bg-color:darkgray;--menu-item-bg-color:lightgray;--menu-item-color:green}}@media (prefers-color-scheme:dark){body{--body-bg-color:black;--body-color:white;--logo-color:darkgreen;--header-bg-color:darkgray;--menu-item-bg-color:lightgray;--menu-item-color:green}}body{background-color:var(--body-bg-color);color:var(--body-color)}article{max-width:var(--max-width);margin:0 auto}article h1{font-family:sans-serif}article .byline{display:flex;align-items:center;gap:1rem}article .avatar{flex-shrink:1;border-radius:48px;width:96px;height:96px}article .contact{flex-grow:1}