[hidden] { display: none !important; } :root { --bg: #fff; --bg-component: #f3f7ff; --bg-component-half: #f3f7ff77; --bg-component-alt: #ffd99c; --color: #031131; --color-alt: #7a9ad3; --main: #18597d; --main-fg: #fff; --error: red; --error-bg: hsl(0, 75%, 80%); } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Remove default margin */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; } body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; font-size: 16px; font-family: 'Inter var', Helvetica, Arial, sans-serif; font-variation-settings: "slnt" 0; font-feature-settings: "case", "frac", "tnum", "ss02", "calt", "ccmp", "kern"; background: var(--bg); color: var(--color); display: flex; flex-direction: column; } .italic { font-variation-settings: "slnt" 10deg; } input, button, textarea, select { font: inherit; } h1 { font-size: 1.88rem; } h2 { font-size: 1.66rem; } h3 { font-size: 1.44rem; } h4 { font-size: 1.22rem; } h5 { font-size: 1.0rem; } .row { display: flex; } .column { display: flex; flex-direction: column; } .filler { flex-grow: 2; }