less eye cancer (i will get to writing soon i pwomise)

1 files changed, 37 insertions, 55 deletions

diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css
index e7f2e62..e5a8a55 100644
--- a/src/assets/stylesheet.css
+++ b/src/assets/stylesheet.css
@@ -3,13 +3,25 @@
     --bg: #0a0a0a;
     --text: beige;
     --main: #0d0;
-    --accent: #f0f;
+    --accent: #d0d;
 }
 
 @font-face
 {
-    font-family: ibm-xga;
-    src: url(/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff);
+    font-family: spleen24;
+    src: url(/assets/fonts/spleen-12x24.woff2);
+}
+
+@font-face
+{
+    font-family: spleen32;
+    src: url(/assets/fonts/spleen-16x32.woff2);
+}
+
+@font-face
+{
+    font-family: spleen64;
+    src: url(/assets/fonts/spleen-32x64.woff2);
 }
 
 @font-face
@@ -39,55 +51,38 @@ body
 {
     background-color: var(--bg);
     color: var(--text);
-    max-width: 960px;		/* 80 chars * width of 12 = 960px */
+    max-width: 960px;
     margin: auto;
     font-family: texturina, serif;
     font-size: 1.2em;
 }
 
-h1, .subtitle { text-align: center; }
-
-h1::before, .subtitle::before
-{
-    content: "\25ca  ";
-    display: none;
-}
-
-h1::after, .subtitle::after
-{
-    content: " \25ca";
-    display: none;
-}
-
-h1::after, h1::before
+h1
 {
-    color: var(--main);
+    font-family: spleen64, monospace;
+    font-size: 64px;
+    line-height: 64px;
 }
 
-.subtitle::before, .subtitle::after
+h2
 {
-    color: var(--accent);
+    font-family: spleen32, monospace;
+    font-size: 32px;
+    line-height: 32px;
 }
 
-.subtitle
-{
-    font-size: 20px;
-    line-height: 20px;
-    font-family: ibm-xga, serif;
-}
 
-h1, h2
+h1, .subtitle
 {
-    font-size: 40px;
-    line-height: 40px;
-    font-family: ibm-xga, monospace;
+    text-align: center;
 }
 
 /* footnotes is also a h2 */
 .footnotes
 {
-    font-size: 20px;
-    line-height: 20px;
+    font-family: spleen24, monospace;
+    font-size: 24px;
+    line-height: 24px;
 }
 
 .ascii
@@ -97,25 +92,14 @@ h1, h2
     user-select: none;
     margin: 0;
     padding: 0;
-    font-family: ibm-xga, monospace;
-    font-size: 20px;
-    line-height: 20px;
+    font-family: spleen24, monospace;
+    font-size: 24px;
+    line-height: 24px;
 }
 
-.ascii:hover, a:hover { text-shadow: 2px 2px var(--accent); }
-
-.big-logo { display: none; }
-
-@media screen and (min-width: 850px)
-{
-    .big-logo { display: inherit; }
-    .small-logo { display: none; }
-}
+a { color: var(--main); }
 
-@media screen and (min-width: 425px)
-{
-    h1::before, h1::after, .subtitle::before, .subtitle::after { display: inline; }
-}
+a:hover { text-decoration: underline double var(--accent); }
 
 .buttons
 {
@@ -125,15 +109,13 @@ h1, h2
 
 .buttons > p { margin: 0; }
 
-a { color: var(--main); }
-
 .footnum, .footref { text-decoration: none; }
 
 .pages
 {
-    font-family: ibm-xga, monospace;
-    font-size: 20px;
-    line-height: 20px;
+    font-family: spleen24, monospace;
+    font-size: 24px;
+    line-height: 24px;
     text-align: center;
     color: var(--accent);
 }