:root{--font-heading: "League Spartan", sans-serif;--font-body: "Lexend", sans-serif;--black: 72, 48, 22;--yellow: 255, 222, 89;--body-width: 80rem}html,body{margin:0;width:100%;height:auto}body{position:relative;font-family:var(--font-body);font-optical-sizing:auto;font-size:16px;font-style:normal;background-color:rgb(var(--yellow));color:rgb(var(--black));padding-top:5rem;padding-bottom:2rem}main{max-width:var(--body-width);margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-optical-sizing:auto;font-weight:900;font-style:normal;margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1{font-size:5rem}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}a{text-decoration:underline .1rem dotted;color:rgb(var(--black));text-underline-offset:.5rem;text-decoration-color:rgba(var(--black),.333)}a:focus{outline:.1rem dotted rgb(var(--black));outline-offset:.1em;text-decoration:none}a:hover{text-decoration:underline}#hero{display:grid;grid-template-columns:repeat(12,1fr)}#hero h1{writing-mode:tb;transform:rotate(180deg);text-transform:lowercase;font-size:5rem;text-align:center;grid-column:1 / 1;grid-row:1 / 3}#godwin{font-family:var(--font-heading);font-size:5rem;text-transform:lowercase;writing-mode:sideways-lr;font-weight:900;margin-left:1rem;margin-right:4rem;margin-bottom:5rem;float:left}#hero img{border:1px dotted;grid-column:2 / 5;height:auto;width:23rem;grid-row:1 / 3}#main-menu,footer{display:grid;grid-template-columns:repeat(3,1fr);max-width:calc(var(--body-width) - 2rem);margin:0 auto;padding:0 2rem;clear:both}#main-menu ul{list-style:none;padding:0;display:contents}#main-menu li{display:inline-block;padding:0 1rem;text-align:center}#main-menu li:first-child{text-align:left}#main-menu li:last-child{text-align:right}#main-menu a{text-decoration:none;font-family:--var(--font-heading);color:--var(--black);font-weight:900;text-transform:lowercase;text-align:center;font-size:4rem}#main-menu a:hover,#main-menu a:active{text-decoration:underline}.halftone-text{position:relative}.halftone-text:after,body:before,body:after{content:"";position:absolute;background-color:transparent;background-image:radial-gradient(rgb(var(--yellow)) 1px,transparent 2px);background-size:3px 3px;top:0;left:0;height:100%;width:100%;pointer-events:none}body:before,body:after{height:2rem;top:auto;bottom:0;background-color:rgb(var(--black))}body:before{top:0;bottom:auto}#summary{display:contents}#summary p{grid-column:5 / 13;margin-left:4rem;font-size:2rem;margin-bottom:0}#summary+hr{margin-top:10rem}hr+section{display:contents}#post-list,#recent-posts{list-style:none;padding:0;margin:1rem 0 0}#post-list li,#recent-posts li{margin:1.5rem 0}.post-meta{font-size:.9rem;color:rgba(var(--black),.75);margin:.25rem 0 .5rem}#post article,#post{max-width:55rem}#post h1{margin-top:0}#post a{text-decoration:underline}hr+section .left-col{grid-column:2 / 4}hr+section .main-col{grid-column:5 / 13}hr+section ul{padding:0;list-style:none}hr+section ul a{line-height:1.75em;font-size:1.5em}hr+section p{font-size:1.5rem;line-height:1.5em;margin-top:0;margin-bottom:2em}hr+section ul a:hover{text-decoration:underline dotted}hr{grid-column:2 / 13;width:100%;background-color:rgb(var(--black));border:0;height:1em;margin:5rem 0}hr.halftone-text:after{background-size:3px 3px}@media screen and (max-width:80rem){#main-menu a{font-size:5vw}#hero h1,#hero img{grid-row:1 / 1}#summary p:last-child{grid-row:2 / 2;grid-column:2 / 13;margin-left:0}hr{grid-column:1 / 13}hr+section .left-col{grid-column:1 / 5;font-size:1.75vw}hr+section .main-col{grid-column:5 / 13}}@media screen and (max-width:58rem){#hero h1{grid-column:4 / 5}#hero img{grid-column:5 / 6}#summary p:first-child{grid-row:2 / 2;margin-left:0;grid-column:1 / 13}#summary p:last-child{grid-row:3 / 3;grid-column:1 / 13;margin-left:0}hr+section .left-col{grid-column:1 / 13;font-size:1rem}hr+section .left-col ul{margin-top:0;margin-bottom:2rem}hr+section .left-col li{display:inline-block;margin-right:1rem;margin-bottom:1rem;font-size:.8rem}hr+section .left-col li:before{content:"•";position:relative;left:-1em;margin-left:.5rem}hr+section .left-col li:first-child:before{content:"";margin-left:0}hr+section .main-col{grid-column:1 / 13}}@media screen and (max-width:42rem){#hero h1{font-size:11.85vw}#hero img{width:54.75vw}}