diff --git a/style.css b/style.css
index 6f1b9d4..c1fcd11 100644
--- a/style.css
+++ b/style.css
@@ -3,7 +3,7 @@ html {
 }
 
 body {
-  font-family: "Poppins", sans-serif;
+  font-family: 'Poppins', sans-serif;
 }
 
 #preloader {
@@ -26,7 +26,7 @@ body {
   /* centers the loading animation horizontally one the screen */
   top: 50%;
   /* centers the loading animation vertically one the screen */
-  background-image: url("book.gif");
+  background-image: url('book.gif');
   z-index: 9999;
   /* path to your loading animation */
   background-repeat: no-repeat;
@@ -818,3 +818,17 @@ body {
 .darkmode-toggle {
   z-index: 1031;
 }
+
+/* Fixing Darkmode Text Contrast */
+
+body.darkmode--activated .header-details h1,
+body.darkmode--activated .video-details h2 {
+  color: whitesmoke;
+}
+
+body.darkmode--activated .header-details p,
+body.darkmode--activated .video-details p,
+body.darkmode--activated .testimonial,
+body.darkmode--activated .overview {
+  color: rgb(209, 209, 209);
+}