styled scrollbar

src/containers/App/App.css

@@ -67,3 +67,22 @@ footer a:hover {
 .app {
   background-color: var(--cream);
 }
+
+/* Scrollbar styles */
+::-webkit-scrollbar {
+  width: 5px; /* Width of the scrollbar */
+}
+
+::-webkit-scrollbar-track {
+  background: var(--teal); /* Color of the track */
+  border-radius: 0px; /* Rounded corners */
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--dark-blue); /* Color of the thumb */
+  border-radius: 50px; /* Rounded corners */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  transform: scale(1.1);
+}