updated css

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