*, *::before, *::after { box-sizing: border-box; } body { margin: 0; background: var(--krasa-krems); color: var(--krasa-tumsais); font-family: var(--fonts-teksts); font-size: 1rem; line-height: 1.6; } h1, h2, h3 { font-family: var(--fonts-virsraksti); font-weight: 400; line-height: 1.1; text-transform: uppercase; letter-spacing: 0.01em; } img { max-width: 100%; height: auto; display: block; } a { color: var(--krasa-oranzs-teksts); } .konteiners { max-width: var(--platums-max); margin-inline: auto; padding-inline: var(--solis-3); } /* Rallija svītra — kā uz starta numura plāksnes: cietas krāsu joslas, ne izpludināts gradients */ .rallija-svitra { height: 10px; display: flex; } .rallija-svitra span { flex: 1 1 0; } .rallija-svitra span:nth-child(1) { background: var(--krasa-tumsais); flex-grow: 4; } .rallija-svitra span:nth-child(2) { background: var(--krasa-oranzs); flex-grow: 8; } .rallija-svitra span:nth-child(3) { background: var(--krasa-tumsais); flex-grow: 1; } .galvene { background: var(--krasa-papirs); border-bottom: 1px solid var(--krasa-papirs-tumsaks); } .galvene__rinda { display: flex; align-items: center; justify-content: space-between; padding-block: var(--solis-2); } .galvene__logo { font-family: var(--fonts-virsraksti); font-size: 1.5rem; text-decoration: none; color: var(--krasa-tumsais); } .galvene__izvelne ul { display: flex; gap: var(--solis-3); list-style: none; margin: 0; padding: 0; } .galvene__izvelne a { text-decoration: none; color: var(--krasa-tumsais); font-weight: 500; } .galvene__izvelne a:hover { color: var(--krasa-oranzs-teksts); } .saturs { min-height: 50vh; } .kajene { background: var(--krasa-tumsais); color: var(--krasa-krems); margin-top: var(--solis-5); padding-block: var(--solis-4); } .kajene a { color: var(--krasa-krems); } /* Ienākšanas/scroll-reveal animācija — reveal.js pievieno .mz-reveal un .mz-redzams. Progresīva uzlabošana: bez JS (nav .js klases ) saturs vienmēr redzams uzreiz. */ .js .mz-reveal { opacity: 0; transform: translateY(18px); } @media (prefers-reduced-motion: no-preference) { .js .mz-reveal { transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: var(--mz-kavesanas, 0s); } } .js .mz-reveal.mz-redzams { opacity: 1; transform: none; }