:root{--color-foreground: rgb(0, 0, 0);--color-background: rgb(255, 255, 255);--font-sans: "Atkinson Hyperlegible", "Helvetica Neue", sans-serif;}@media (prefers-color-scheme: dark){:root{--color-foreground: rgb(255, 255, 255);--color-background: rgb(0, 0, 0);}}@font-face {font-family:'Atkinson Hyperlegible';src:url("../../dist/fonts/Atkinson-Hyperlegible-Regular-102a.woff2") format('woff2');font-style:normal;font-weight:400}body{background-color:rgb(255, 255, 255);background-color:var(--color-background);color:rgb(0, 0, 0);color:var(--color-foreground);font-family:"Atkinson Hyperlegible", "Helvetica Neue", sans-serif;font-family:var(--font-sans)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2rem}p{font-size:1rem}.intro{border:1px solid rgb(0, 0, 0);border:1px solid var(--color-foreground);padding:16px;margin:16px}.page-wrapper{display:grid;grid-template-areas:"intro" "main" "sidebar"}@media (min-width: 48rem){.page-wrapper{grid-template-areas:"intro intro" "main sidebar"}}.page-wrapper .intro{grid-area:intro}.page-wrapper .main{grid-area:main}.page-wrapper .sidebar{grid-area:sidebar}
