* { box-sizing: border-box; } :root { --color: #8f00ff; --light-color: #e8cdfe; } html, body { margin: 0; } body { background-color: var(--light-color); } header { width: 100%; height: 100vh; text-align: center; color: var(--color); font-family: Arial, Helvetica, sans-serif; display: flex; flex-direction: column; justify-content: center; align-items: center; } h1 { font-family: "SI17"; font-size: 64px; text-transform: uppercase; color: var(--color); /* Fallback color */ -webkit-text-fill-color: var(--light-color); /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: var(--color); } .date { font-size: 24px; } a { color: currentColor; }