X-Git-Url: https://git.r.bdr.sh/rbdr/blog/blobdiff_plain/863ccf104e7cae08268b9e46896b82a9918a22fd..f91c2b4feb85933bc190712b45788d2f24fe851d:/static/css/style.css

diff --git a/static/css/style.css b/static/css/style.css
index 6c7fd1b..8b1d921 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,65 +1,38 @@
-* {
-  margin: 0;
-  padding: 0;
+h1 canvas {
+  width: 64px;
+  height: 64px;
+  display: inline-block;
+  background-color: gainsboro;
 }
 
-body {
-  background-image: url('/images/header_background.png');
-  background-size: auto 300px;
-  background-attachment: fixed;
-  line-height: 1.45;
+ul {
+  list-style: square;
 }
 
-header {
-  background-image: url('/images/header_foreground.png');
-  background-repeat: no-repeat;
-  background-size: auto 300px;
-  height: 300px;
+h1, h2, h3, h4, p, ul {
+  max-width: 30em;
 }
 
-header a {
-  color: transparent;
-  display: block;
-  max-height: 500px;
+p {
+  font-size: 1.125em;
 }
 
-main {
-  background-color: white;
-  padding: 1.414em;
+img {
+  max-width: 100%;
 }
 
-h1, h2, h3, h4 {
-  margin: 1.414em 0 0.5em;
-  font-weight: 400;
-  width: 100%;
-  max-width: 640px;
-}
-
-p, ul, ol, img {
-  width: 100%;
-  margin: 1.414em 0;
-  max-width: 480px;;
-}
-
-ul, ol { margin-left: 1.414em; }
+@media (prefers-color-scheme: dark) {
+  body {
+    color: white;
+    background-color: black;
+  }
 
-h1 { font-size: 3.998em; }
-h2 { font-size: 2.827em; }
-h3 { font-size: 1.999em; }
-h4 { font-size: 1.414em; }
+  a {
+    color: #5dc1fd;
+  }
 
-code {
-  background-color: whitesmoke;
-  padding: 0.2em 0.5em;
+  a:visited {
+    color: #ed6eff;
+  }
 }
 
-pre {
-  background-color: whitesmoke;
-  padding: 1em;
-  max-width: 40em;
-}
-
-footer {
-  background-color: pink;
-  padding: 1.414em;
-}