body > :not(noscript) { display: none !important; } html, body { height: 100%; } * { padding: 0; margin: 0; box-sizing: border-box; } .no-js { display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: center; height: 100vh; padding: 24px; text-align: center; font-family: system-ui, -apple-system, sans-serif; background: var(--background, #ffffff); color: var(--text, #000000); } .no-js h1 { font-size: 3.053rem; } .no-js p { font-size: 1.250rem; font-weight: normal; } :root { --text-light: #181616; --background-light: #f1e9e9; --primary-light: #b65f5d; --secondary-light: #de9c9c; --accent-light: #d75b5b; --text-dark: #e9e7e7; --background-dark: #160e0e; --primary-dark: #a24a49; --secondary-dark: #632121; --accent-dark: #a42828; } @media (prefers-color-scheme: dark) { :root { --text: var(--text-dark); --background: var(--background-dark); --primary: var(--primary-dark); --secondary: var(--secondary-dark); --accent: var(--accent-dark); } } @media (prefers-color-scheme: light) { :root { --text: var(--text-light); --background: var(--background-light); --primary: var(--primary-light); --secondary: var(--secondary-light); --accent: var(--accent-light); } }

Sorry :c

Please, turn on JavaScript for correct working of website