From ae12883d1e99627583a6b782b194b72ed9b98500 Mon Sep 17 00:00:00 2001
From: Thomas Voss <mail@thomasvoss.com>
Date: Fri, 23 Feb 2024 00:08:10 +0100
Subject: Add www/

---
 src/style.css | 79 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 src/style.css

(limited to 'src/style.css')

diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..cdde775
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,79 @@
+*, *::before, *::after {
+	box-sizing: border-box;
+}
+
+:root {
+	color-scheme: light dark;
+}
+
+body {
+	text-align: justify;
+	width: min(800px, 90%);
+	margin-inline: auto;
+}
+
+blockquote > p:first-child::before    { content: '‘';  }
+blockquote > p:last-child::after      { content: '’';  }
+blockquote.de > p:first-child::before { content: '„';  }
+blockquote.de > p:last-child::after   { content: '“';  }
+blockquote + figcaption::before       { content: '— '; }
+
+blockquote,
+blockquote + figcaption {
+	font-style: italic;
+}
+
+@media (prefers-color-scheme: light) {
+	.quote {
+		border-left: 4px solid black;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.quote {
+		border-left: 4px solid white;
+	}
+}
+
+.quote {
+	padding: .4rem .8rem;
+	margin-inline: 1rem 0;
+	margin-block: 2rem;
+}
+
+.quote blockquote {
+	margin-inline-start: 1rem;
+}
+.quote blockquote,
+.quote blockquote p {
+	margin-block: .5rem;
+}
+
+.quote figcaption {
+	margin-inline-start: 2rem;
+	margin-block: .5rem;
+}
+
+header > div menu {
+	display: flex;
+	gap: 2ch;
+}
+
+header > div li {
+	list-style: none;
+}
+
+header div.head {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+header div.head menu {
+	display: flex;
+	gap: 2ch;
+}
+
+header div.head li {
+	list-style: none;
+}
-- 
cgit v1.2.3