moar css + buttons

1 files changed, 36 insertions, 4 deletions

diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css
index 079ce11..96910b7 100644
--- a/src/assets/stylesheet.css
+++ b/src/assets/stylesheet.css
@@ -1,3 +1,11 @@
+:root
+{
+    --bg: #101010;
+    --text: white;
+    --main: limegreen;
+    --accent: lime;
+}
+
 .footpara
 {
     display: inline;
@@ -7,18 +15,19 @@
 {
     max-width: 60em;
     margin: auto;
+    font-family: serif;
 }
 
 body
 {
-    background-color: #101010;
-    color: white;
+    background-color: var(--bg);
+    color: var(--text);
 }
 
 .logo
 {
     text-align: center;
-    color: limegreen;
+    color: var(--main);
     user-select: none;
     margin: 0;
     padding: 0;
@@ -27,7 +36,24 @@ body
 
 .logo:hover
 {
-    color: lime;
+    color: var(--accent);
+}
+
+a
+{
+    color: var(--main);
+    text-decoration: none;
+    border: 1px solid transparent;
+}
+
+a:hover
+{
+    color: var(--bg);
+    background-color: var(--main);
+}
+a:has(> img):hover
+{
+    background-color: transparent;
 }
 
 nav
@@ -41,3 +67,9 @@ ul li
 {
     list-style-type: none;
 }
+
+hr
+{
+    border-color: var(--main);
+    border-style: dashed;
+}