26 lines
1.1 KiB
CSS
26 lines
1.1 KiB
CSS
|
|
||
|
[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; }
|