From 6e896ae0e108eef385b46c26e770dc191ae936ba Mon Sep 17 00:00:00 2001
From: ewy <ewy0@protonmail.com>
Date: Thu, 9 Apr 2026 21:01:59 +0200
Subject: add more css

---
 pages/style.gohtml | 84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 pages/style.gohtml

(limited to 'pages/style.gohtml')

diff --git a/pages/style.gohtml b/pages/style.gohtml
new file mode 100644
index 0000000..bb15fb9
--- /dev/null
+++ b/pages/style.gohtml
@@ -0,0 +1,84 @@
+{{ define "style"}}
+<style>
+    @media (prefers-color-scheme: dark) {
+        html {
+            background-color: #3e3b37;
+            color: rgb(222, 213, 200);
+        }
+    }
+
+    body {
+        max-width: 44em;
+        margin: auto;
+        display: flex;
+        flex-direction: column;
+        gap: 32px;
+
+        & p {
+            padding: 4px 0;
+        }
+    }
+    main {
+        min-height: 105vh;
+        display: flex;
+        gap: 16px;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    label {
+        display: flex;
+        justify-content: end;
+        width: 100%;
+        gap: 8px;
+    }
+
+    form {
+        font-family: system-ui;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        width: 100%;
+
+        & input {
+            background-color: #fefcf8;
+            color: rgb(30, 27, 25);
+            border-color: #bad1f9;
+            border-style: double;
+        }
+
+        & input[type="number"] {
+            width: 48px;
+        }
+
+        & input[type="text"] {
+            width: 20em;
+        }
+
+        & input[type="submit"] {
+            background-color: #bef8d7;
+            border-color: #395143;
+        }
+    }
+
+    header {
+        display: flex;
+        align-items: baseline;
+        gap: 16px;
+        justify-content: space-between;
+
+        & a {
+            text-decoration: none;
+        }
+
+        & h1 {
+            font-family: monospace
+        }
+    }
+
+    a {
+        color: #f2cae2;
+    }
+</style>
+{{end}}
\ No newline at end of file
-- 
cgit v1.3