Style scrollbar for supported browsers

Author: adamhb123

Diff for: assets/css/main.scss

@@ -9,15 +9,43 @@ $csh-pink: #b0197e;
 
 
 body {
+  position: relative;
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
+  overflow: overlay; // For transparent scrollbar
+  background: white;
 }
 
-body {
-  position: relative;
-  background: white;
+/* Scrollbar (only supported by some browsers) */
+::-webkit-scrollbar {
+  width: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.2);
+  border: 3px solid transparent;
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 0.4);
+  border: 2px solid transparent;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.2);
+    border: 3px solid transparent;
+    border-radius: 5px;
 }
 
 .container.spaced {