Add www/

1 files changed, 79 insertions, 0 deletions

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;
+}