Merge pull request #2 from calicokaiya/optimisedcode

🔥 

1 files changed, 21 insertions, 11 deletions

diff --git a/myshit/index.css b/myshit/index.css
index 86ee9c4..8089392 100644
--- a/myshit/index.css
+++ b/myshit/index.css
@@ -1,28 +1,37 @@
 @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Google+Sans&display=swap');
-html, body {
+/* Color variables */
+:root{
+    --background-color: #202124;
+    --text-color: #ff80a4;
+    --link-color: #94216a;
+}
+
+html, body{
     scroll-behavior: smooth;
-    background-color: #202124;
-  }
+    background-color: var(--background-color);
+}
 
-  .header{
+.header{
     font-family: 'fira sans', serif;
-    color: #ff80a4;
+    color: var(--text-color);
     text-align: center;
 }
+
 .notheader{
     font-family: 'fira sans', serif;
-    color: #ff80a4;
+    color: var(--text-color);
     text-align: center;
     font-size: small;
 }
-.center {
+
+.center{
     margin: auto;
     width: 60%;
     padding: 10px;
     text-align: center;
-    }
+}
 
 b{
     font-size: 140%;
@@ -32,10 +41,11 @@ b{
 h3{
     margin-top: 0%;
     font-family: 'fira sans', serif;
-    color: #ff80a4;
-    text-align: center;
+    color: var(--text-color);
+    /*text-align: center;*/
     font-size: small;
 }
+
 .desktop{
     width: 100%;
     height: auto;
@@ -49,7 +59,7 @@ h3{
 }
 
 .link{
-    color: #94216a;
+    color: var(--link-color);
     text-decoration: none;
     font-family: 'google sans';
     font-size: larger;