init project

data/style.css

@@ -0,0 +1,79 @@
+body {
+  background: #151515;
+  color: #ccc;
+  max-width: 800px;
+  margin: auto;
+  padding: 0 16px;
+  margin-bottom: 500px;
+  font-family: sans-serif;
+}
+
+a {
+  color: lightblue;
+}
+
+a:visited {
+  color: gray;
+}
+
+h1 {
+  text-align: center;
+}
+
+h2 {
+  color: tomato;
+}
+
+footer {
+  text-align: center;
+}
+
+img {
+  max-width: 600px;
+  width: 100%;
+  margin: auto;
+  display: block;
+}
+
+code {
+  overflow-wrap: break-word;
+  color: lime;
+}
+
+@media (prefers-color-scheme: light) {
+  body {
+    background: white;
+    color: black;
+  }
+  a {
+    color: blue;
+  }
+  a:visited {
+    color: purple;
+  }
+  h2 {
+    color: inherit;
+  }
+  code {
+    color: forestgreen;
+  }
+}
+
+@media print {
+  a[href] {
+    text-decoration: none;
+    color: black;
+  }
+}
+
+@media (min-width: 55em) {
+  #artlist {
+    column-count: 2;
+  }
+}
+
+@media (min-width: 100em) {
+  #artlist {
+    column-count: 3;
+  }
+}