@font-face{font-family:Metamorphous;font-style:normal;font-display:swap;font-weight:400;src:url(./metamorphous-latin-ext-400-normal.uerLCWE4.woff2) format("woff2"),url(./metamorphous-latin-ext-400-normal.BVrDVBJd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Metamorphous;font-style:normal;font-display:swap;font-weight:400;src:url(./metamorphous-latin-400-normal.B8QJBOqa.woff2) format("woff2"),url(./metamorphous-latin-400-normal.B90RbqWI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:Courier New,monospace;background-color:#f4f3f2;color:#1a090d;margin:0 auto;max-width:800px;padding:0 10px 25px}header{padding-bottom:5px;border-bottom:2px solid gray;display:grid;grid-template-columns:auto auto;grid-template-rows:60px;grid-template-areas:"logo nav"}.logo{grid-area:logo;justify-self:left;align-self:end}.logo a{font-size:clamp(1.2rem,3vw,1.6rem);letter-spacing:.15em;font-family:Metamorphous,Helvetica,Arial,sans-serif;text-decoration:none;color:#1a090d;transition:.3s}.logo a:hover{color:#1a090d;background-color:#f4f3f2;letter-spacing:.4em}nav{font-size:clamp(1rem,3vw,1.3rem);letter-spacing:.1em;grid-area:nav;justify-self:right;align-self:end}nav a{font-family:Helvetica,Arial,sans-serif;text-align:right;text-decoration:none;padding:0 5px;transition:.3s}nav a:hover{border-radius:3px;padding:5px;color:#f4f3f2;background-color:#035e7b}p{margin-top:0}h2{margin-top:0;margin-bottom:5px;font-size:1.17em}a{color:#035875;text-underline-offset:3px}a:hover{color:#f4f3f2;background-color:#035875;text-decoration:none;border-radius:3px}main{font-size:clamp(1rem,3vw,1.3rem);display:grid;grid-template-columns:auto;grid-template-rows:60px;grid-template-areas:"ct"}article,section{grid-area:ct}ul{list-style-type:none;padding:0 40px}.posts li{margin:0 0 50px}.date{font-style:italic}@media screen and (max-width:430px){header{grid-template-columns:auto;grid-template-rows:minmax(40px,auto) minmax(30px,auto) auto auto;grid-template-areas:"logo" "nav" "ct"}.logo,nav{text-align:center;justify-self:center}nav{justify-self:center}}