59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
:root {
|
|
--bg: #1f1c1e;
|
|
--panel: #2b2528;
|
|
--panel-strong: #241f22;
|
|
--text: #e0d6da;
|
|
--text-strong: #ffffff;
|
|
--accent: #e06b7d;
|
|
--ok: #9bd3a8;
|
|
--down: #e07a7a;
|
|
--pending: #d6b37a;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: var(--bg);
|
|
font-family: monospace;
|
|
color: var(--text);
|
|
line-height: 1.6;
|
|
min-height: 100vh;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.page {
|
|
width: 95%;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
background: var(--panel);
|
|
padding: 60px;
|
|
box-sizing: border-box;
|
|
border-left: 1px solid var(--border);
|
|
border-right: 1px solid var(--border);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
header {
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
h1 { color: var(--accent); margin: 0; text-transform: lowercase; }
|
|
|
|
a {
|
|
color: var(--text-strong);
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--accent);
|
|
}
|
|
|
|
a:hover { background: var(--accent); color: var(--text-strong); text-decoration: none; }
|
|
|
|
p { margin-bottom: 20px; font-size: 1.1rem; }
|
|
|
|
strong { color: var(--accent); }
|
|
|
|
@media (max-width: 640px) {
|
|
.page {
|
|
padding: 28px 18px;
|
|
}
|
|
} |