/*** Fonts and text sizes. ***/ /* For debugging anything which does not have a font size yet. * / * { color: cyan; font-size: xx-large; } /* */ /*** Fonts ***/ html, body { font-family: system-ui, sans-serif; } /* * / h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif; } /* */ code, pre, .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ; } /*** Font Sizes ***/ html { font-size: 16px; /* Prevent Firefox Reader Inconsistency */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } code, pre { font-size: 0.8rem; } body { font-size: 1rem; } p, li, a { font-size: 1rem; } b { font-size: 1.05rem; } figcaption { font-size: 1.1rem; } strong { font-size: 1.2rem; } img { font-size: 1.25rem; } /* More Subtle */ h6 { font-size: 1.3rem; } h5 { font-size: 1.4rem; } h4 { font-size: 1.5rem; } h3 { font-size: 1.6rem; } h2 { font-size: 1.7rem; } h1 { font-size: 1.8rem; } /* */ /* More Pronounced * / h6 { font-size: 1.30rem; } h5 { font-size: 1.55rem; } h4 { font-size: 1.80rem; } h3 { font-size: 1.95rem; } h2 { font-size: 2.10rem; } h1 { font-size: 2.35rem; } /* */ /*** Font Weights ***/ b, figcaption { font-weight: bold; } strong, img { font-weight: bolder; }