header{width:calc(100% - 2rem);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.05);padding:4rem 1rem}header .me{display:block;margin-right:2rem}header .me img{height:14rem;border-radius:2px}header .text{max-width:30rem}@media (max-width:768px){header{padding-top:0;padding-bottom:0}header .me{display:none}header .text{max-width:25rem}}footer{border-top:1px solid rgba(0,0,0,.05);text-align:center;padding:2rem 0}@media (max-width:768px){footer{padding:0}}body{margin:0;padding:0;scroll-behavior:smooth;font-size:1.2em;font-family:Vollkorn,serif;width:100%}main{display:flex;flex-direction:column;align-items:center;justify-items:center;width:100%;max-width:100vw}@media (max-width:768px){main{padding:0}}section{display:flex;flex-direction:column;align-items:center;width:calc(100% - 1rem * 2);padding:2rem 1rem}section:not(:first-of-type){border-top:1px solid rgba(0,0,0,.05)}.posts{margin-top:0;padding-left:0}.posts li{display:grid;grid-template-columns:1fr 2fr;column-gap:.5rem}.posts .date{text-align:right}@media (max-width:768px){.posts{padding-left:2rem;padding-right:1rem}.posts .date{display:none}.posts li{display:list-item}}small.annotation{text-align:center;margin-top:-1rem;margin-bottom:1rem}h1,h2,h3,h4,h5,h6{margin:1rem 0;text-align:center}ul.projects{--gap:1rem;display:flex;flex-wrap:wrap;max-width:768px;padding:0;gap:var(--gap)}ul.projects>li.project-card{--border-width:1px;--border-radius:4px;--padding:1.5rem;display:block;width:calc(50% - (var(--padding) * 2) - var(--gap)/ 2 - var(--border-width) * 2);padding:var(--padding);border-radius:var(--border-radius);border:var(--border-width) solid rgba(0,0,0,.1)}ul.projects>li.project-card>.title{display:block;margin-bottom:-.25rem;font-weight:700}ul.projects>li.project-card>p{margin:.5rem 0}ul.projects>li.project-card>p:last-child{margin-bottom:0}ul.projects>li.project-card .stack{display:flex;flex-wrap:wrap;gap:.25rem}ul.projects>li.project-card .stack>span{display:block;padding:.25rem .5rem;background-color:rgba(0,0,0,.1);border-radius:4px;font-size:small}@media(max-width:768px){ul.projects{padding:0}ul.projects>li.project-card{width:100%}}