Merge pull request #146 from Devanshu1603/main

solved issue #100

index.html

@@ -120,7 +120,7 @@
     <div class="scroll_icon" id="scroll_icon">SCROLL TO KNOW MORE
         <div class="shadow" id="shadow"></div>
     </div>
-    <div class="download" id="download">
+    <div class="download" id="download" style="height: 600px;">
         <div class="left">
             <div id="map">
                 <div class="direction"><img src="https://cdn-icons-png.flaticon.com/512/0/614.png" id="aeroplane"></div>
@@ -155,7 +155,7 @@
         <div class="scroll_animation"></div>
     </div>
     </div>
-    <div class="section big_container"></div>
+    <div class="section big_container" style=" margin-top: 100px;"></div>
     <div class="section" id="about">
         <div class="about_left">
             <p class="heading">So, What does this Software do?</p>

website/style.css

@@ -304,6 +304,11 @@ body {
     color: black; /* Default text color in light mode */
 }
 
+.dark-mode  #download_btn{
+    color: white;
+    border: 1px solid #fff;
+}
+
 /* Dark mode styles */
 body.dark-mode {
     background-color: black; /* Dark mode background */
@@ -637,8 +642,8 @@ tr:hover {
 
 #download_btn {
     background-color: #00000000;
-    border: 1px solid white;
-    color: white;
+    border: 1px solid black;
+    color: black;
     font-size: large;
     transition-duration: 0.3s;
     padding: 10px 20px 10px 20px;
@@ -1141,8 +1146,12 @@ input {
         left: 50%;
         margin-top: 45vh;
         transform: translate(-50%);
+        color: #333;
     }
 
+
+
+
     #about {
         padding-top: 90px;
         margin-top: 0;