From c6a05ea846ba522f83fa850b1194de274ab0252c Mon Sep 17 00:00:00 2001
From: YOSHITHA RATHNAYAKE <Y.S.B.Rathnayake2008@gmail.com>
Date: Sat, 5 Nov 2022 20:46:29 +0530
Subject: [PATCH] Add a scroll bar

Add a scroll bar
---
 assets/css/styles.css | 75 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index ba5ec82..f56e293 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -26,6 +26,81 @@
 @import url("http://fonts.cdnfonts.com/css/edo");
 
 
+/* Custom Scroll Bar */
+
+@media (min-width: 200px) and (max-width: 575px) {
+  ::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+    background-color: #07090f;
+  }
+
+  ::-webkit-scrollbar-track {
+    border: 5px solid rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(45deg, #00ffbb, #2eaae1);
+    border-radius: 15px;
+  }
+}
+
+@media (min-width: 575.1px) and (max-width: 767px) {
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    background-color: #07090f;
+  }
+
+  ::-webkit-scrollbar-track {
+    border: 5px solid rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(45deg, #00ffbb, #2eaae1);
+    border-radius: 15px;
+  }
+}
+
+@media (min-width: 767.1px) and (max-width: 991px) {
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+    background-color: #07090f;
+  }
+
+  ::-webkit-scrollbar-track {
+    border: 5px solid rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(45deg, #00ffbb, #2eaae1);
+    border-radius: 15px;
+  }
+}
+
+@media (min-width: 991.1px) {
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background-color: #07090f;
+  }
+
+  ::-webkit-scrollbar-track {
+    border: 5px solid rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(45deg, #00ffbb, #2eaae1);
+    border-radius: 15px;
+  }
+}
+
+
 /* Background Image */
 
 .bg-img {