:root { --sofia: "🌵"; --kamo: "🌞"; --gambas: "🌪"; --poni: "🍥"; --gr: "🥨"; --tizi: "🗿"; --main: #000; } /* AUTHORS */ .km0::before { content: var(--kamo); } .sofia::before { content: var(--sofia); } .poni::before { content: var(--poni); } .gr::before { content: var(--gr); } .tizi::before { content: var(--tizi); } .gambas::before { content: var(--gambas); } .km0 + .km0::before, .sofia + .sofia::before, .poni + .poni::before, .gr + .gr::before, .tizi + .tizi::before, .gambas + .gambas::before { content: ""; } /* STYLE */ h1 { font-size: 32px; line-height: 1; color: var(--main); } h2, h3, h4 { font-size: 24px; line-height: 1.2; color: var(--main); font-weight: bold; } img { max-width: 100%; object-fit: contain; } .em { font-style: italic; } .intro * { font-size: 28px; line-height: 1.2; margin: 28px 0; } .text, ul, li { font-weight: normal; font-size: 18px; line-height: 1.4; font-style: normal; margin-bottom: 1em; color: var(--main); } .text .big { font-size: 64px; }