1 files 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;
+}