diff --git a/assets/css/main.css b/assets/css/main.css
index 033086c..e0ae505 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -152,6 +152,7 @@ mark {
   right: 10px;
   font-size: 24px;
   cursor: pointer;
+  z-index: 999;
 }
 
 .fa-sun {
@@ -171,6 +172,19 @@ mark {
   color: #49bf9d;
 }
 
+.dark-mode h2,
+.dark-mode h3,
+.dark-mode #learn-more-btn,
+.dark-mode input[type="submit"],
+.dark-mode p {
+  color: #fff !important;
+}
+
+.dark-mode #learn-more-btn:hover,
+.dark-mode input[type="submit"]:hover {
+  color: #49bf9d !important;
+}
+
 input::-moz-focus-inner {
   border: 0;
   padding: 0;
diff --git a/index.html b/index.html
index 7738d5e..27c8f27 100644
--- a/index.html
+++ b/index.html
@@ -95,7 +95,11 @@
         </p>
         <ul class="actions">
           <li>
-            <button class="button learn-more" onclick="toggleParagraph()">
+            <button
+              id="learn-more-btn"
+              class="button learn-more"
+              onclick="toggleParagraph()"
+            >
               Learn More
             </button>
           </li>
@@ -291,7 +295,11 @@
               <div class="col-12">
                 <ul class="actions">
                   <li>
-                    <input type="submit" value="Send Message" />
+                    <input
+                      id="send-message-input"
+                      type="submit"
+                      value="Send Message"
+                    />
                   </li>
                 </ul>
               </div>