:root{--bg-color:#191919;--fg-color:#fff;--bg-color-special:#191919;--fg-color-special:#e25151;--fg-color-light:#acacac}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--fg-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px;margin:0}body:before{--size:100px;--line:color-mix(in lch,canvasText,#76707080 85%);background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size);content:"";height:100vh;-webkit-mask:linear-gradient(-25deg,transparent 30%,#fff);mask:linear-gradient(-25deg,transparent 30%,#fff);pointer-events:none;position:fixed;top:0;transform-style:flat;width:100vw;z-index:-1}a{color:var(--fg-color)}.layout{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.layout>header{padding:.5em 1em}.layout>header nav ul{display:flex;gap:2em;justify-content:flex-end;list-style:none;margin:.2em 0}.layout>header nav ul li{color:var(--fg-color-light);text-transform:uppercase;fill:var(--fg-color-light);font-size:1em}.layout>header nav ul li,.layout>header nav ul li label{align-items:center;display:flex}.layout>header nav ul li svg{height:1.1em;width:1.1em;fill:var(--fg-color-light)}.layout main{margin:1em}.layout main>*{margin:0 auto;max-width:1280px}
