2 files changed, 58 insertions, 3 deletions
diff --git a/src/index.html b/src/index.html
index c57c47a..a2cd076 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,8 +1,13 @@
-<html>
-
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width"/>
+  <title>Benedikt's Website</title>
+  <link rel="stylesheet" href="/style.css">
+</head>
 <body>
   <h1>Hi!</h1>
         <p>For a list of my dead-tree (i.e. paper) projects look <a href="./dead-trees/index.html">here</a></p>
 </body>
-
 </html>
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..c245d20
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,50 @@
+a:link, a:visited {
+  color: #005386;
+}
+
+ul a {
+  text-decoration: none;
+}
+
+body {
+  margin:40px auto;
+  max-width:650px;
+  line-height:1.6;
+  font-size:18px;
+  padding:0 10px
+}
+
+img {
+  max-width:100%;
+  display: block;
+  margin: 0 auto;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #ffffff;
+    background: #212121;
+    margin:40px auto;
+    max-width:650px;
+    line-height:1.6;
+    font-size:18px;
+    padding:0 10px
+  }
+
+  h1, h2, h3 {
+    line-height:1.2
+  }
+
+  a:link, a:visited {
+    color: #58a6ff;
+  }
+  
+  ul a {
+    text-decoration: none;
+  }
+
+  ul a:visited {
+    text-decoration: none;
+    color: #8e96f0;
+  }
+}