Merge pull request #227 from dhruv8433/scroll-to-top-size

scroll to top size fixed

Author: mdazfar2

Official_Website/about.html

@@ -126,8 +126,11 @@ <h1 class="abeezee-regular">Benefits of HelpOps-Hub
             </div>
         </div>
     </div>
-    <div id="scrollToTopBtn" class="scrollToTopBtn" onclick="scrollToTop() "><img src="scrollToTop.png"></div>
-    <script src="app.js"></script>
+    <div id="scrollToTopBtn" class="scrollToTopBtn" onclick="scrollToTop()">
+        <img src="scrollToTop.png" alt="Scroll to top">
+      </div>
+      <script src="app.js"></script>
+      
 
 
 </body>

Official_Website/style.css

@@ -816,4 +816,32 @@ body.dark-mode {
   background-color: #333333;
   color: #ffffff;
   box-shadow: 5px 5px 20px #ffffff;
-}
+}
+
+/* Scroll to top */
+
+.scrollToTopBtn {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  width: 40px;
+  height: 40px;
+  display: block;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 115, 160, 0.5);
+  border-radius: 50%;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  padding: 10px;
+}
+
+.scrollToTopBtn img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.scrollToTopBtn:hover {
+  background-color: rgba(0, 0, 0, 0.8);
+}