Stabosas lovely world

static/main.css

@@ -0,0 +1,74 @@
+:root {
+    --bg: #000;
+    --text: #fff;
+    --accent: #555555;
+}
+
+body {
+    background-color: var(--bg);
+    color: var(--text);
+    font-family: "Noto Sans Mono", monospace;
+    line-height: 1.6;
+    max-width: 650px;
+    margin: 40px auto;
+    padding: 0 20px;
+    padding-bottom: 120px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+}
+
+h1 {
+    font-size: 1.2rem;
+    display: inline-block;
+    margin-bottom: 20px;
+}
+
+.motd {
+    font-style: italic;
+    color: var(--accent);
+    margin-bottom: 30px;
+    display: block;
+}
+
+a {
+    color: var(--text);
+    text-decoration: underline;
+}
+
+.banners:hover {
+    color: var(--text);
+    background: none;
+}
+
+a:hover {
+    background: var(--text);
+    color: var(--bg);
+}
+
+section {
+    margin-bottom: 30px;
+}
+
+.links {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.foot {
+    font-size: 0.8rem;
+    margin-top: 50px;
+    opacity: 0.6;
+}
+
+.dacat {
+    max-width: 100px;
+    z-index: 100;
+    pointer-events: none;
+}
+
+@media (max-width: 400px) {
+    .dacat {
+        display: none;
+    }
+}