changed the scrollbar to wooden theme for issue 5

Author: nandinigoyaldev

style.css

@@ -667,4 +667,33 @@ main {
   visibility: visible;
   transform: translateX(-40%) scale(1) translateY(0);
 }
+/* scrollbar */
+/* Webkit */
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-track {
+    background: linear-gradient(180deg, #f7f3ee 0%, #e6d9c8 100%);
+    border-radius: 10px;
+    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, #c7a17a 0%, #a87b56 100%);
+    border-radius: 10px;
+    box-shadow: inset 0 2px 2px rgba(255,255,255,0.2),
+                inset 0 -2px 2px rgba(0,0,0,0.15);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(180deg, #b3885c 0%, #9a6940 100%);
+}
+
+/* Firefox */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #c7a17a #f3eee2;
+}
+