Merge pull request #191 from ananya-dhiman/scroll

Scroll and other changes
ChromeGaming · Jun 12, 2024 · 4062925 · 4062925
2 parents d759e2e + e3bf74e
commit 4062925
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 21 deletions.
diff --git a/1.png b/1.png
diff --git a/about.html b/about.html
@@ -19,7 +19,32 @@
       background-repeat: no-repeat;
       background-size: 100%;
       background-attachment: fixed;
-    }
+
+    }
+    /* Custom Scrollbar Styles */
+::-webkit-scrollbar {
+  width: 10px;
+
+}
+
+::-webkit-scrollbar-track {
+  background: #000;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #d61c1c;
+  border: 1px solid black;
+  border-radius: 10px;
+  transition: background-color 0.3s ease;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    outline: none;
+    border-color: red;
+    border-radius: 10px;
+    box-shadow: 0 0 10px darkred;
+}
+
 
     #homecontent {
       display: flex;

diff --git a/style.css b/style.css
@@ -2,6 +2,7 @@ body {
   margin: 0;
   font-family: sans-serif;
   font-size: 10px;
+  overflow: hidden;
 }
 
 button {
@@ -471,24 +472,6 @@ a {
   color: #fff;
 }
 
-/* Custom Scrollbar Styles */
-::-webkit-scrollbar {
-  width: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: #000;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: #e82e2e;
-  border-radius: 10px;
-  transition: background-color 0.3s ease;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background-color: rgb(216, 0, 0);
-}
 
 @media (max-width: 425px){
     .pop-up{
@@ -509,8 +492,6 @@ a {
         border-radius: 20px;
     }
 }
-  background-color: rgb(216, 0, 0);
-}
 
 
 @media (max-width: 1024px) {
@@ -653,3 +634,4 @@ a {
 #feedbackButton:hover {
   background-color: #ff3333;
 }
+}