h1,h2,h3,.title{flex-direction:row;align-items:center;font-family:Montserrat,sans-serif;display:flex}body{max-width:unset;margin:unset;align-items:stretch;padding:0;display:flex}header{margin:unset;border-bottom:1px solid #ccc;grid-template-areas:"logo nav";padding:1.2em 3em;display:grid;& [rel=home]{text-transform:lowercase}& .tagline{display:none}& nav{border:unset;padding:unset;background:unset;grid-area:nav;justify-content:flex-end;margin-top:1em;font-weight:500;& a{color:#511aff}}}main{margin:auto;padding:2em}aside{margin-top:5em}aside,footer{justify-self:flex-end}.home h1{justify-content:center;align-items:center}.home h1:after,.title:after{content:"beta";border:1px solid var(--border-color);background:var(--soft-background);border-radius:.2em;margin-left:.4em;padding:.03em .2em;font-size:.5em}body.home{& main{max-width:80ch;margin-top:10vh;& h1{text-align:center;text-transform:lowercase;align-items:center;font-size:5em;font-weight:700;display:flex}& [aria-label=Contents]{display:none}&>ul:first-of-type{gap:2em;padding:0;font-family:Montserrat,sans-serif;font-weight:400;list-style:none;display:flex;& li{border:1px solid var(--border-color);padding:.5em 1em}}&>p:first-of-type{text-align:center;text-transform:lowercase;letter-spacing:.8px;margin-top:2em;margin-bottom:10vh;font-family:Montserrat,sans-serif;font-size:1.8em;font-weight:400}}}