From 49285301aca568d045fdbd3c3f9f03f9ec176843 Mon Sep 17 00:00:00 2001
From: Nikolas <nikolas@boutalas.com>
Date: Sat, 16 Nov 2024 18:51:15 +0000
Subject: simplify css

---
 static/styles.css | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 static/styles.css

(limited to 'static/styles.css')

diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..5fa959e
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,73 @@
+html {
+    --lesslight: #efefef;
+    --dark: #404040;
+    --moredark: #000;
+    line-height: 1.4em;
+    font-family: sans-serif;
+    font-size: 16px;
+    color: var(--dark);
+}
+
+pre {
+    background-color: var(--lesslight);
+    margin: 0.5em 0 0.5em 0;
+    padding: 0.5em;
+    overflow: auto;
+}
+
+code {
+    background-color: var(--lesslight);
+}
+
+body {
+    margin: 0;
+    max-width: 800px;
+    padding: 0 20px 20px 20px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+a {
+    outline: none;
+    color: var(--moredark);
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+    max-height: 40rem;
+}
+
+.center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
+
+/* Desktop sizes */
+@media (min-width: 600px) {
+    ol.twocol {
+        column-count: 2;
+    }
+    
+    .row {
+        display: flex;
+        flex-direction: row;
+        padding: 0;
+        width: 100%;
+    }
+
+    /* Make everything in a row a column */
+    .row > * {
+        display: block;
+        flex: 1 1 auto;
+        max-width: 100%;
+        width: 100%;
+    }
+
+    .row > *:not(:last-child) {
+        margin-right: 10px;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3