fix(website): Only use styled scrollbar when screen is greater than 768px

Author: alistair3149

website/src/styles.scss

@@ -39,3 +39,30 @@ a:hover {
     color: deeppink;
   }
 }
+
+/***** Scrollbar *****/
+@media (min-width: 768px) {
+	html {
+	  --scrollbarBG: transparent;
+	  --thumbBG: rgba(255, 20, 147, 0.7);
+	}
+
+	*::-webkit-scrollbar {
+	  width: 6px;
+	  height: 6px;
+	}
+
+	* {
+	  scrollbar-width: thin;
+	  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
+	}
+
+	*::-webkit-scrollbar-track {
+	  background: var(--scrollbarBG);
+	}
+
+	*::-webkit-scrollbar-thumb {
+	  background-color: var(--thumbBG);
+	  border: 3px solid var(--scrollbarBG);
+	}
+}