1 files changed, 66 insertions, 17 deletions

diff --git a/static/style.css b/static/style.css
index 6ec0668..782f6cc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,33 +1,82 @@
+:root {
+    --bg: #fff;
+    --header-bg: linear-gradient(270deg, #99dbaf, #baf3cd);
+    --window-bg: #ffffff;
+    --window-border: #6b9478;
+    --window-shadow: #c7c7c7;
+    --tabs-bg: #f1f1f1;
+    --tabs-bg-2: #dadada;
+    --tabs-border: #cfcfcf;
+    --tabs-color: #757575;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg: #1e1e20;
+        --window-shadow: #2e2b31;
+    }
+}
+
 * {
     margin: 0;
     padding: 0;
 }
 
 body {
-    width: 50em;
-    margin: 0 auto;
-    font-family: 'Times New Roman', Times, serif;
+    width: 100%;
+    min-height: 100vh;
+    background-color: var(--bg);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: Arial, Helvetica, sans-serif;
 }
 
-header {
-    border: 1px solid black;
-    margin: 8px 0;
-    display: flex;
-    flex-direction: column;
+marquee {
+    background: black;
+    color: yellow;
 }
 
-header .banner {
-    background-color: seagreen;
-    min-height: 10vh;
+marquee a {
+    color: yellow;
+}
+
+window {
+    background-color: var(--window-bg);
+    border: 1px solid var(--window-border);
+    box-shadow: 0 0 8px var(--window-shadow);
+}
+
+header {
+    background: var(--header-bg);
+    border-bottom: 1px solid var(--window-border);
+    padding: 8px;
     display: flex;
-    align-items: end;
-    justify-content: end;
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+    font-size: 18px;
 }
 
-header .links {
-    padding: 4px;
-    border-top: 1px solid black;
+tabs {
+    background: var(--tabs-bg);
+    border-bottom: 1px solid var(--tabs-border);
     display: flex;
     flex-direction: row;
-    justify-content: space-around;
+    font-size: 14px;
+}
+
+tabs>a {
+    background-color: var(--tabs-bg);
+    color: var(--tabs-color);
+    padding: 2px 4px;
+    text-decoration: none;
+}
+
+tabs>a:hover {
+    background-color: var(--tabs-bg-2);
+}
+
+main {
+    padding: 8px;
 }
\ No newline at end of file