:root{--font-size:16px;--color-primary:#121212;--color-secondary:hsla(0,0%,7%,.6);--color-tertiary:hsla(0,0%,7%,.4);--color-border:hsla(0,0%,7%,.05)}body,html{padding:0 8px;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;background-color:#fff}a{color:inherit;text-decoration:none}p{font-size:var(--font-size);color:var(--color-secondary);line-height:160%}*{box-sizing:border-box;color:#fff}ul{padding:0;list-style-type:none}h1,li,p{line-height:160%}h1{font-weight:500}h1,h2{font-size:var(--font-size);color:var(--color-primary)}h2{font-weight:400;margin-bottom:32px}.intro{margin-bottom:24px}.intro a{color:var(--color-tertiary);border-bottom:2px solid var(--color-border)}.intro a:focus,.intro a:hover{color:var(--color-primary)}.featured-work{margin-bottom:96px}.featured-work .project-list-item{margin-bottom:64px}.project-list-item .project-hero{margin-bottom:16px}.project-list-item .project-image{width:100%;height:auto}.project-list-item h3{font-size:var(--font-size);color:var(--color-primary);font-weight:500;margin:0}.project-list-item h3 span{color:var(--color-tertiary);margin-right:4px}.project-list-item p{margin:0;color:var(--color-secondary)}.project-list-item p a{border-bottom:2px solid var(--color-border)}.project-list-item p a:focus,.project-list-item p a:hover{color:var(--color-primary)}.featured-work li h3 a{border-bottom:1px solid var(--color-border)}.featured-work li h3 a:focus,.featured-work li h3 a:hover{border-bottom:1px solid var(--color-primary)}.project-list-item .meta{font-size:14px;color:--color-tertiary;margin-bottom:16px}.personal-projects .project-list-item{margin-bottom:32px}.personal-projects{margin-bottom:96px}.personal-projects li a{border-bottom:1px solid var(--color-border)}.personal-projects li a:focus,.personal-projects li a:hover{border-bottom:1px solid var(--color-primary)}.links{margin-bottom:96px}.links li{margin-bottom:8px;display:inline-block;border-radius:4px;margin-right:16px}.links a{font-size:var(--font-size);color:var(--color-tertiary)}.links a,.links a:focus,.links a:hover{border-bottom:2px solid var(--color-border)}.links a:focus,.links a:hover{color:var(--color-primary)}.goodbye{margin-bottom:96px;font-style:italic}.goodbye p{color:hsla(0,0%,100%,.5)}