Explore a cleaner, less rounded style.

static/style.css

@@ -1,13 +1,15 @@
-body {
+/* Any node */
+.node {
+    max-width: min(650px, 100ex);
     margin: 0 auto;
-    max-width: 100ex;
 }
 
+/* Inner node */
 .node .node {
-    margin: 1ex 0.5ex 1ex 0.5ex;
-    padding: 0 0 0.1ex 1ex;
-    box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.3);
-    border-radius: 4px;
+    margin: 2em 0ex 2em 0.5ex;
+    padding: 1ex 0 1ex 1ex;
+    box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
+    border-left: 2px solid #2c3e50;
 }
 
 h1 {
@@ -16,6 +18,12 @@ h1 {
 
 h1,h2,h3,h4,h5,h6 {
     margin-top: 0;
+    color: #2c3e50;
+}
+
+h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
+    text-decoration: none;
+    color: inherit;
 }
 
 h1.title .state {
@@ -26,10 +34,6 @@ h1.title .state {
     padding: 4px;
     border-radius: 5px;
 }
-h1.title a {
-    color: inherit;
-    text-decoration: underline dotted 2px;
-}
 
 li .tag {
     font-weight: bold;
@@ -38,7 +42,3 @@ li .tag {
 li .tag::after {
     content: ":: ";
 }
-
-.text {
-    font-family: monospace;
-}