:root { /* colors texts */ --color-texts: rgb(1, 1, 1); --color-texts-special: rgb(1, 1, 1); --color-links: rgb(120, 1, 1); --color-links-hover: rgb(120, 1, 1); --color-links-visited: rgb(120, 1, 1); --color-links-active: rgb(120, 1, 1); --color-title-1: rgb(120, 1, 1); /* fonts */ --font-titles: 'paradroid'; --font-texts: 'louisgeorge'; --font-fallback: 'cabrion'; } /*/////////////////////////////////////////////*/ /*TEXTS*/ /*fonts*/ h1, h2, h3, h4, h5, h6 { font-family: var(--font-titles), var(--font-fallback), sans-serif; } a, p, li { font-family: var(--font-texts), var(--font-fallback), sans-serif; } /*colors*/ a, a:link { color: var(--color-links); } a:visited { color: var(--color-links-visited); } a:hover { color: var(--color-links-hover); } a:active { color: var(--color-links-active); } p, var { color: var(--color-texts); } /*sizes*/ aside { font-size: .8rem; } main { font-size: 1rem; } p { font-size: 1.8em; line-height: 1.5em; } h1 { font-size: 3.5em; } h2 { font-size: 2em; } small { font-size: 0.8em; } /*specials settings*/ body p, body p *, body h1, body h1 *, body h2, body h2 * { display: inline; } a, a > * { cursor: pointer; } li *, li p, b, em, i, a, var, span { display: inline; } i { font-style: italic; } b, em { font-weight: 600; } p br, h1 br, h2 br { margin: 0px; } /* - Bold text - Important text - Italic text - Emphasized text - Marked text - Smaller text - Deleted text - Inserted text - Subscript text - Superscript tex - Computer code */