1 files changed, 106 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..72a7b1c
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,106 @@
+:root { /* default theme (light) */
+  --fg: #333;
+  --bg: #f4f0f0;
+  --subtitle: #777;
+  --pre-fg: #111;
+  --pre-bg: #eaeaea;
+  --border1: #ccc;
+  --code-bg: #e8e8e8;
+  --border2: #999;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --fg: #fff;
+    --bg: #262222;
+    --subtitle: #888;
+    --pre-fg: #eaeaea;
+    --pre-bg: #262327;
+    --border1: #444;
+    --code-bg: #222;
+    --border2: #555;
+  }
+}
+
+body {
+  margin: auto;
+  max-width: 820px;
+  line-height: 1.6;
+  font-family: Serif;
+  padding: 0 10px;
+  font-size: 18px;
+  color: var(--fg);
+  background: var(--bg);
+}
+
+p {
+  text-align: justify;
+}
+
+h1.title {
+  line-height: 1.2;
+  font-size: 40px;
+}
+
+h1 {
+  line-height: 1.2;
+  font-size: 26px;
+}
+
+h2 {
+  line-height: 1.2;
+  font-size: 21px;
+}
+
+p.subtitle {
+  font-size: 16px;
+  color: var(--subtitle);
+}
+
+pre {
+  padding: 8px 8px 8px 8px;
+  border-radius: 3px;
+  border: 1px solid var(--border1);
+  font-size: 14px;
+  overflow-x: auto;
+  background: var(--pre-bg);
+  color: var(--pre-fg);
+}
+
+pre > code {
+  background: var(--pre-bg);
+  font-size: 14px;
+  border: none;
+  padding: 0px;
+}
+
+code  {
+  background: var(--code-bg);
+  border: 1px solid var(--border1);
+  font-size: 14px;
+  border-radius: 3px;
+  padding: 2px 2px;
+}
+
+a {
+  color: #d53c54;/*#e77850;*/
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+  text-decoration-style: dotted;
+}
+
+td,th {
+  vertical-align:top;
+  padding: 5px 5px 5px;
+  text-align:center;
+  border: solid 1px var(--border2);
+}
+
+table { 
+  border: solid 1px var(--border1);
+  background: var(--code-bg);
+  font-size: 15px;
+}