diff --git a/index.html b/index.html
index 9e4cc207..9bbaf9f9 100644
--- a/index.html
+++ b/index.html
@@ -714,6 +714,17 @@ <h4>Fly</h4>
 </div>
 
 </div>
+<style>
+    .dark-mode .card{
+      background: #0e0e0e;
+    }
+    .dark-mode .card h4{
+      color: #f39c12;
+    }
+    .dark-mode .card p{
+      color: #fff;
+    }
+</style>
 <script>
   document.addEventListener("DOMContentLoaded", function () {
   const cards = document.querySelectorAll(".card");