custom scrollbar

Author: 0fatihyildiz

css/style.css

@@ -15,6 +15,22 @@ html,body{
     font-family: 'Poppins', sans-serif; 
 }
 
+  ::-webkit-scrollbar {
+    width: 6px;
+  }
+  
+  ::-webkit-scrollbar-track {
+    background: #ffffff00; 
+  }
+   
+  ::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.165); 
+  }
+  
+  ::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.22); 
+  }
+
 .backdrop{
     backdrop-filter: blur(150px);
 }

index.html

@@ -51,7 +51,7 @@
         <div class="w-64 h-64 absolute bottom-10 right-24 bg-blue-600 rounded-full hidden sm:block"></div>
         <div class="w-48 h-48 absolute bottom-1/2 right-1/2 bg-blue-300 rounded-full"></div>
     </div>
-    <div id="back" class="backdrop w-full h-full z-10 ">
+    <div id="back" class="backdrop w-full h-full z-10">
 
         <div aria-live="assertive" x-show="copyalert" class="z-20 fixed inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start" style="display: none;">
             <div class="w-full flex flex-col items-center space-y-4 sm:items-end">
@@ -230,7 +230,7 @@
             </div>
             <div class="h-24 w-full flex flex-col-reverse gap-2 sm:gap-0 sm:flex-row items-end justify-center sm:justify-between py-5 flex-shrink-0">
                 <div class="sm:w-56 hidden sm:block"></div>
-                <div class="w-full text-gray-300 flex justify-center text-sm">Powered By <a target="_blank"
+                <div class="w-full text-gray-400 flex justify-center text-sm">Powered By <a target="_blank"
                         href="https://github.com/unitythemaker"
                         class="mx-1 text-black hover:text-gray-700">UnityTheMaker</a> & <a target="_blank"
                         href="https://github.com/0fatihyildiz" class="mx-1 text-black hover:text-gray-700">0fatihyildiz</a>