Change styling

S/acdw.css

@@ -15,6 +15,19 @@ main{
     background: white;
 }
 
+main > :last-child {
+    border-bottom: 2px solid;
+}
+
+main > :last-child::after {
+    content: "\2766";
+    font: 18px/1 serif;
+    position: relative;
+    top: 0.75rem;
+    left: 50%;
+    background: white;
+}
+
 header,footer{
     font:80% monospace;
     background:#333;
@@ -40,3 +53,50 @@ header a:hover,footer a:hover{
     margin-right: 2ch;
     border-radius:50%;
 }
+
+h1,h2,h3,h4,h5,h6 {
+    font: 1rem sans-serif;
+}
+h1 {
+    text-transform: uppercase;
+    letter-spacing: 0.2rem;
+    font-weight: bold;
+    border-top: 2px solid;
+}
+h2 {
+    font-style: italic;
+    font-weight: bold;
+    letter-spacing: 1px;
+}
+h2::before {
+    content: "\261e"; /* index */
+    position: relative;
+    font: 24px/1 normal normal;
+    margin-right: 0.5rem;
+}
+h3 {
+    font-weight: bold;
+}
+h3::before {
+    content: "\25ca"; /* lozenge */
+    position: relative;
+    font: 18px/1 normal normal;
+    margin-right: 1rem;
+}
+h4::before,
+h5::before,
+h6::before {
+    content: "\2022"; /* bullet */
+}
+
+pre,code {
+    font: 16px/1.2 monospace;
+    background: #eee;
+    
+}
+pre {
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+}
+code { border-radius: 4px;
+       padding: 0 4px; }