49 lines
812 B
CSS
49 lines
812 B
CSS
:root {
|
|
--bg: #0b1020;
|
|
--fg: #e6e8ef;
|
|
--accent: #6ea8fe;
|
|
--muted: #9aa4bf;
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 100%;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
background: var(--bg);
|
|
color: var(--fg);
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
main {
|
|
max-width: 42rem;
|
|
padding: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
font-size: clamp(2rem, 6vw, 3.5rem);
|
|
margin: 0 0 0.5rem;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
|
|
main.error h1 {
|
|
color: var(--accent);
|
|
font-size: clamp(4rem, 18vw, 9rem);
|
|
margin: 0;
|
|
}
|
|
|
|
p { color: var(--muted); margin: 0.5rem 0; }
|
|
|
|
a { color: var(--accent); text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|