From cbd7580f57e40c1ad2982296fb6d0baafa9c3378 Mon Sep 17 00:00:00 2001
From: Kai Stevenson <kai@kaistevenson.com>
Date: Fri, 7 Oct 2022 15:03:47 -0700
Subject: updated css

---
 style.css | 97 ++++++++++++++++++++++++++++++++++++---------------------------
 1 file changed, 56 insertions(+), 41 deletions(-)

diff --git a/style.css b/style.css
index d568577..cae0f3f 100644
--- a/style.css
+++ b/style.css
@@ -1,41 +1,56 @@
-body{
-    margin: 0px;
-}
-.background {
-    background-image: url("background.jpg");
-    width: 100%;
-    min-height: 100%;
-}
-.contentpane {
-    margin: auto;
-    width: 100%;
-    max-width: 1000px;
-    min-height: 100%;
-    background-color: #0a0a1de3;
-}
-h1 {
-    text-align: center;
-    font-family: Georgia, serif;
-    color: white;
-    padding: 50px 0px 15px 0px;
-}
-p {
-    text-align: left;
-    text-indent: 25px;
-    font-family: Georgia, serif;
-    color: white;
-    padding: 15px 50px 15px 50px;
-}
-a {
-    color: white;
-}
-a.pagelink {
-    font-size: 125%;
-    padding: 15px 50px 15px 80px;
-    display: block;
-}
-a.backbutton {
-    font-size: 75%;
-    padding: 0px;
-    text-decoration: overline;
-}
\ No newline at end of file
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
+:root {
+    --background: #121d28;
+    --text: #bbd7f2;
+    --header: #bbd7f2;
+    --highlight: #7ceea7;
+}
+body{
+    margin: 0px;
+}
+.background {
+    background-color: var(--background);
+    width: 100%;
+    min-height: 100%;
+}
+.contentpane {
+    margin: auto;
+    width: 60%;
+    min-height: 100%;
+}
+h1 {
+    text-align: center;
+    font-family: 'Quicksand', sans-serif;
+    font-size: 28pt;
+    font-weight: 600;
+    color: var(--header);
+    padding: 50px 0px 15px 0px;
+}
+p {
+    text-align: left;
+    text-indent: 25px;
+    font-family: 'Quicksand', sans-serif;
+    font-size: 14pt;
+    color: var(--text);
+    padding: 15px 50px 15px 50px;
+}
+a {
+    color: var(--text);
+    font-family: 'Quicksand', sans-serif;
+    font-style: italic;
+    
+}
+a:hover {
+    color: var(--highlight);
+}
+a.pagelink {
+    font-size: 125%;
+    padding: 15px 50px 15px 80px;
+    display: block;
+}
+a.backbutton {
+    font-style: normal;
+    font-size: 80%;
+    text-decoration: none;
+    padding: 0px;
+}
-- 
cgit v1.2.3-70-g09d2