1 files changed, 85 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..1195923
--- /dev/null
+++ b/style.css
@@ -0,0 +1,85 @@
+:root {
+	font-family: serif;
+	text-rendering: optimizelegibility;
+	font-kerning: normal;
+	color-scheme: light dark;
+}
+/* <https://github.com/whatwg/html/issues/5426#issuecomment-607286557> */
+@supports (color-scheme: light dark) {
+	@media (prefers-color-scheme: dark) {
+		a { color: gold; }
+	}
+}
+main {
+	margin: 0 auto;
+}
+
+.container {
+	display: grid;
+	grid-template-columns: 1fr 2fr;
+}
+
+.container #left {
+	grid-column: 1;
+}
+
+.container #right {
+	margin-left: 1em;
+	grid-column: 2;
+}
+@media screen and (max-width: 900px) {
+	.container {
+		display: table
+	}
+}
+
+
+
+code { font-family: monospace }
+
+.h-event .p-summary { display: inline-table }
+
+h1,h2,h3,h4,h5,h6 {
+	font-family: sans-serif;
+	font-kerning: auto;
+}
+
+dt {
+	font-weight: bold;
+}
+
+h1,h2 {
+	display: table;
+	padding: 0.25ex 0.5em;
+}
+
+h1 { border-bottom: 2pt solid }
+h2 { border-bottom: 1pt solid }
+
+dd {
+	margin-left: 1.5rem;
+}
+
+#skills dd {
+	display: inline-block;
+	border-bottom: 1px dashed gray;
+}
+
+@media screen {
+	main { max-width: 90em }
+}
+
+@media print {
+	nav, footer { display: none }
+	a:not(.no-print)::after { content: " (" attr(href) ")"; }
+	a::after {
+		font-family: monospace;
+		font-size: 0.9rem;
+		color: blue;
+	}
+	a {
+		text-decoration: none;
+		color: initial;
+	}
+	section { page-break-inside: avoid }
+}