Update F&Q.html

F&Q.html

@@ -325,7 +325,7 @@ <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
       style="
         position: absolute;
         width: 250px;
-        top: 450px;
+        top: 370px;
         right: 1250px;
         mix-blend-mode: multiply;
       "
@@ -604,9 +604,7 @@ <h2>Suggestions/Questions</h2>
       #about:hover {
         background-color: #ffe0b2;
       }
-    </style>
- main
- main
+    </style> 
 
 <!-- Circles -->
 <div class="circle"></div>
@@ -738,14 +736,7 @@ <h2>Suggestions/Questions</h2>
   });
   });
     </script>  
-  </body>
- main
-
- main
-
-
- main
-
+  </body> 
 
   <footer id="footer">
     <div class="footer-container">
@@ -896,8 +887,8 @@ <h3>Subscribe to Our Newsletter</h3>
         sunIcon.style.display = "none";
         moonIcon.style.display = "inline-block";
         localStorage.setItem("theme", "dark");
-        document.getElementById("clipart-img1").style.visibility = "hidden";
-        document.getElementById("clipart-img2").style.visibility = "hidden";
+        // document.getElementById("clipart-img1").style.visibility = "hidden";
+        // document.getElementById("clipart-img2").style.visibility = "hidden";
     } else {
         sunIcon.style.display = "inline-block";
         moonIcon.style.display = "none";
@@ -907,7 +898,6 @@ <h3>Subscribe to Our Newsletter</h3>
     }
   });
 });
-  </script>
- main
+  </script> 
 </body>
 </html>

style.css

@@ -321,11 +321,11 @@ a {
 .main-head {
   position: fixed;
   width: 98%;
-  top: 20px;
+  top: 5px;
   left: 1%;
   right: 0;
   z-index: 5;
-  padding: 17px;
+  padding: 17px 0;
   background-color: #00000087; /* Initially black */
   color: white;
   display: flex;