.container{display:flex;margin:0 auto;width:100%;flex:1 1 auto}.container__xs{flex-basis:300px}.container__sm{flex-basis:600px}.container__md{flex-basis:900px}.container__lg{flex-basis:1200px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #FFF;--color-secondary: #6c757d;--color-dark: #343a40;--color-foreground: var(--color-dark);--color-background: var(--color-primary);--font-family-sans-serif: "Helvetica Neue", Arial, sans-serif;--font-family-serif: "Georgia", serif;--font-family-monospace: "Courier New", monospace;--font-size-base: 16px;--line-height-base: 1.5}body{font-family:var(--font-family-sans-serif);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-foreground);background-color:var(--color-background);padding:1rem}a{text-decoration:none;cursor:pointer}@media (prefers-color-scheme: dark){:root{--color-foreground: var(--color-primary);--color-background: var(--color-dark)}}