html, body { margin: 0; padding: 0; height: 100%; background-color: #ddd; } #center-box-wrapper { display: flex; align-items: center; justify-content: center; height: 100%; font-family: system-ui, 'Segoe UI', 'Open Sans', sans-serif } #center-box { background-color: #eee; padding: 2rem 4rem; text-align: center; border-radius: 1rem; } #center-box h1 { font-size: 1.5rem; color: #333; } #center-box p { font-size: 1rem; color: #666; } @media (prefers-color-scheme: dark) { body { background: #111; } #center-box { background-color: #222; } #center-box h1 { color: #eee; } #center-box p { color: #bbb; } }

This application uses JavaScript.

Please enable scripts for this website in your browser settings.