footer{flex-direction:column;align-items:center;padding:2rem 0;display:flex}footer>nav>ul{gap:0 1rem;margin:0;padding-inline-start:0;list-style:none;display:flex}footer>p{text-align:center}:root{--primary:#0fc;--primary-hover:#00f2c2;--primary-lighter:#befff3;--primary-lightest:#effffc;--focus:#00ffcc80;--primary-stroke-color:#00cca3;--selection:#00ffcc40;--text:#1d1d1d;--text-subtle:#434343;--text-translucent:#e6edf380;--border-color:#a7a7a7;--subtle-border-color:#a7a7a733;--mobile-breakpoint:768px;--max-content-width:1400px;--max-dialog-width:768px;--max-content-width-blog:650px;--primary-background:#fff;--background:#fafafa;--box-shadow:3px 3px 12px #0000000a}*,:before,:after{box-sizing:border-box}:focus{outline:3px solid var(--focus);outline-offset:3px}::selection{background-color:var(--selection)}:target{background-color:var(--selection);transition:background-color .2s}html,body{width:100%;min-height:100vh;color:var(--text);flex-direction:column;margin:0;padding:0;font-family:sans-serif;font-size:16px;display:flex}body>main{flex:1}a.link{color:var(--text);border-bottom:2px solid;text-decoration:none;transition:border-bottom-color .2s}a.link:hover{border-bottom-color:var(--primary)}dialog{background-color:var(--primary-background);width:100%;max-width:var(--max-dialog-width);border:none;border-radius:.5rem;margin:0;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}dialog::backdrop{background-color:#00000080}