#changes

index.html

@@ -12,8 +12,12 @@
         href="https://fonts.googleapis.com/css2?family=Fredoka:[email protected]&family=Gowun+Batang:wght@400;700&family=Mate+SC&display=swap"
         rel="stylesheet">
 
-    <link href="https://fonts.googleapis.com/css2?family=Fredoka:[email protected]&family=Gowun+Batang:wght@400;700&family=Mate+SC&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Fredoka:[email protected]&family=Gowun+Batang:wght@400;700&family=Mate+SC&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
+        integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <link rel="stylesheet" href="styles.css">
 </head>
@@ -46,7 +50,7 @@ <h1 class="logo">OpenTekHub Blockchain </h1>
         </div>
 
     </nav>
-  
+
 
     <div class="central">
         <p class="tagline">Explore the Blockchain implementation and predict the latest cryptocurrency prices.</p>
@@ -207,7 +211,8 @@ <h1>Frequently Asked Questions</h1>
         <div class="left">
             <h2>About the Repository</h2>
             <p>This repository demonstrates blockchain prices using api and javascript.</p>
-            <a href="https://github.com/OpenTekHub/blockchain" target="_blank"><i class="fa-brands fa-github"></i>BlockChain Repository</a>
+            <a href="https://github.com/OpenTekHub/blockchain" target="_blank"><i
+                    class="fa-brands fa-github"></i>BlockChain Repository</a>
         </div>
 
         <div class="right">
@@ -216,10 +221,10 @@ <h2>Connect with us</h2>
             <a href="/"><i class="fa-brands fa-twitter"></i></i></a>
             <a href="/"><i class="fa-brands fa-facebook"></i></a>
         </div>
-
-    </footer>
 
+    </footer>
 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 
     <script src="script.js"></script>
     <script>

styles.css

@@ -803,14 +803,14 @@ p.tagline.dark-mode{
     list-style-type: none;
     border: 2px solid black !important;
     border-radius: 10px;
-    background: linear-gradient(135deg, rgb(36, 11, 54), rgb(195, 20, 50));
+    background: linear-gradient(135deg, rgb(115, 100, 126), rgb(177, 29, 54));
     padding: 0; 
 
 }
 
 .tab a {
     text-decoration: none;
-    color: black; /* Default color */
+    color: white; /* Default color */
     padding: 1rem 2rem;
     text-transform: uppercase;
     font-size: 16px;