From 21614ccb04bc0b377c629a1a5bac67beea5e9166 Mon Sep 17 00:00:00 2001
From: Zachary Ross <zacharyross1234@gmail.com>
Date: Thu, 18 Apr 2024 11:25:09 -0400
Subject: [PATCH] Revert css fix attempts

---
 src/app.css              | 106 +++++++++++++++++++++++++++++++++++++++
 src/routes/header.svelte |   1 -
 static/global.css        | 105 --------------------------------------
 3 files changed, 106 insertions(+), 106 deletions(-)
 delete mode 100644 static/global.css

diff --git a/src/app.css b/src/app.css
index b5c61c9..981131e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,3 +1,109 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* ------- Common CSS that is used in multiple components ------- */
+
+/* Text */
+.blockTopText {
+    font-family: 'Almarai';
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 18px;
+}
+.blockHeaderTextLG {
+    font-family: 'Archivo Black';
+    font-weight: 400;
+    font-size: calc(24px + 4vw);
+    line-height: calc(24px + 4vw);
+}
+.blockHeaderText {
+    font-family: 'Almarai';
+    font-weight: 700;
+    font-size: calc(28px + 1.5vw);
+    line-height: calc(28px + 1.5vw);
+}
+.pinkText {
+    color: #ec25a0;
+}
+.blueText {
+    color: #36bee1;
+}
+.darkText {
+    color: #120227;
+}
+.yellowText {
+    color: #F5D33D;
+}
+article h1 {
+    color: #F5D33D;
+    font-family: 'Almarai';
+    font-weight: 700;
+    font-size: calc(28px + 1.5vw);
+    line-height: calc(28px + 1.5vw);
+    padding-top: 24px;
+}
+article h2 {
+    color: #ec25a0;
+    font-family: 'Almarai';
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 24px;
+    padding-top: 10px;
+}
+article h3 {
+    color: #36bee1;
+    font-family: 'Almarai';
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 16px;
+    padding-top: 10px;
+}
+
+article p {
+    color: #FFFFFF;
+    font-family: 'Almarai';
+    font-weight: 400;
+    font-size: 20px;
+    line-height: 20px;
+    padding-top: 20px;
+}
+p {
+    color: #FFFFFF;
+    font-family: 'Almarai';
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 24px;
+}
+
+/* Background colors */
+.pink {
+    border-color: #ec25a0;
+    background-color: #ec25a0;
+}
+.blue {
+    border-color: #36bee1;
+    background-color: #36bee1;
+}
+.dark {
+    border-color: #120227;
+    background-color: #120227;
+}
+.yellow {
+    border-color: #F5D33D;
+    background-color: #F5D33D;
+}
+
+/* Lines */
+.dot {
+    height: 8px;
+    width: 8px;
+    border-radius: 50%;
+}
+.diamond {
+    height: 8px;
+    width: 8px;
+    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
+}
+
+/* Other */
diff --git a/src/routes/header.svelte b/src/routes/header.svelte
index dfb525c..a425192 100644
--- a/src/routes/header.svelte
+++ b/src/routes/header.svelte
@@ -23,7 +23,6 @@
 </script>
 
 <svelte:head>
-    <link rel="stylesheet" href="global.css">
     <link
         href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
         rel="stylesheet"
diff --git a/static/global.css b/static/global.css
deleted file mode 100644
index 5605a75..0000000
--- a/static/global.css
+++ /dev/null
@@ -1,105 +0,0 @@
-/* ------- Common CSS that is used in multiple components ------- */
-
-/* Text */
-.blockTopText {
-    font-family: 'Almarai';
-    font-weight: 400;
-    font-size: 18px;
-    line-height: 18px;
-}
-.blockHeaderTextLG {
-    font-family: 'Archivo Black';
-    font-weight: 400;
-    font-size: calc(24px + 4vw);
-    line-height: calc(24px + 4vw);
-}
-.blockHeaderText {
-    font-family: 'Almarai';
-    font-weight: 700;
-    font-size: calc(28px + 1.5vw);
-    line-height: calc(28px + 1.5vw);
-}
-.pinkText {
-    color: #ec25a0;
-}
-.blueText {
-    color: #36bee1;
-}
-.darkText {
-    color: #120227;
-}
-.yellowText {
-    color: #F5D33D;
-}
-article h1 {
-    color: #F5D33D;
-    font-family: 'Almarai';
-    font-weight: 700;
-    font-size: calc(28px + 1.5vw);
-    line-height: calc(28px + 1.5vw);
-    padding-top: 24px;
-}
-article h2 {
-    color: #ec25a0;
-    font-family: 'Almarai';
-    font-weight: 700;
-    font-size: 24px;
-    line-height: 24px;
-    padding-top: 10px;
-}
-article h3 {
-    color: #36bee1;
-    font-family: 'Almarai';
-    font-weight: 700;
-    font-size: 16px;
-    line-height: 16px;
-    padding-top: 10px;
-}
-
-article p {
-    color: #FFFFFF;
-    font-family: 'Almarai';
-    font-weight: 400;
-    font-size: 20px;
-    line-height: 20px;
-    padding-top: 20px;
-}
-p {
-    color: #FFFFFF;
-    font-family: 'Almarai';
-    font-weight: 400;
-    font-size: 24px;
-    line-height: 24px;
-}
-
-/* Background colors */
-.pink {
-    border-color: #ec25a0;
-    background-color: #ec25a0;
-}
-.blue {
-    border-color: #36bee1;
-    background-color: #36bee1;
-}
-.dark {
-    border-color: #120227;
-    background-color: #120227;
-}
-.yellow {
-    border-color: #F5D33D;
-    background-color: #F5D33D;
-}
-
-/* Lines */
-.dot {
-    height: 8px;
-    width: 8px;
-    border-radius: 50%;
-}
-.diamond {
-    height: 8px;
-    width: 8px;
-    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
-}
-
-/* Other */