1 files changed, 37 insertions, 52 deletions
diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css
index 7eed892..f6b868e 100644
--- a/src/assets/stylesheet.css
+++ b/src/assets/stylesheet.css
@@ -33,16 +33,10 @@
     font-style: italic;
 }
 
-.footpara
-{
-    display: inline;
-}
+.footpara { display: inline; }
 
 /* i don't want to display the date but it needs to exist for rss generation */
-#postamble
-{
-    display: none;
-}
+#postamble { display: none; }
 
 body
 {
@@ -54,16 +48,26 @@ body
     font-size: 1.2em;
 }
 
-h1
+h1 { text-align: center; }
+
+h1::before
 {
-    font-size: 40px;
-    text-align: center;
-    font-family: ibm-xga, monospace;
+    content: ".:░ ";
+    color: var(--main);
+    display: none;
 }
 
-h2
+h1::after
+{
+    content: " ░:.";
+    color: var(--main);
+    display: none;
+}
+
+h1, h2
 {
     font-size: 40px;
+    line-height: 40px;
     font-family: ibm-xga, monospace;
 }
 
@@ -71,9 +75,10 @@ h2
 .footnotes
 {
     font-size: 20px;
+    line-height: 20px;
 }
 
-.logo
+.ascii
 {
     text-align: center;
     color: var(--main);
@@ -82,23 +87,22 @@ h2
     padding: 0;
     font-family: ibm-xga, monospace;
     font-size: 20px;
+    line-height: 20px;
 }
 
-.big-logo
+.ascii:hover, a:hover { text-shadow: 2px 2px var(--accent); }
+
+.big-logo { display: none; }
+
+@media screen and (min-width: 850px)
 {
-    display: none;
+    .big-logo { display: inherit; }
+    .small-logo { display: none; }
 }
 
-@media screen and (min-width: 850px)
+@media screen and (min-width: 425px)
 {
-    .big-logo
-    {
-	display: inherit;
-    }
-    .small-logo
-    {
-	display: none;
-    }
+    h1::before, h1::after { display: inline; }
 }
 
 .buttons
@@ -106,47 +110,28 @@ h2
     display: grid;
     place-items: center;
 }
-.buttons > p
-{
-    margin: 0;
-}
-
-.logo:hover
-{
-    color: var(--accent);
-}
 
-a
-{
-    color: var(--main);
-}
+.buttons > p { margin: 0; }
 
-a:hover
-{
-    color: var(--accent);
-}
+a { color: var(--main); }
 
-.footnum, .footref
-{
-    text-decoration: none;
-}
+.footnum, .footref { text-decoration: none; }
 
 .pages
 {
     font-family: ibm-xga, monospace;
     font-size: 20px;
+    line-height: 20px;
     text-align: center;
+    color: var(--accent);
 }
 
-ul
-{
-    list-style-type: none;
-}
+ul { list-style-type: none; }
 
 ul li::before
 {
-    font-family: ibm-xga, monospace;
-    content: "* ";
+    content: "\25ba  ";
+    color: var(--accent);
 }
 
 hr