Made the scrollbars snazzier

stroll.html

@@ -190,13 +190,13 @@
       </div>
     </div>
     <div id="log-area">
-      <div id="log">
+      <div class="log" id="log">
         <div>Welcome to Stroll</div>
         <p class="version"></p>
         <div><b>This game features 18+ content</b></div>
         <div>&nbsp;</div>
       </div>
-      <div id="react-log">
+      <div class="log" id="react-log">
         <div>It's a nice day for a walk</div>
         <div>&nbsp;</div>
       </div>

style.css

@@ -86,13 +86,7 @@ body.dark div {
   display:none;
 }
 
-#log {
-  overflow: auto;
-  padding: 25px;
-  box-sizing: border-box;
-}
-
-#react-log {
+.log {
   overflow: auto;
   padding: 25px;
   box-sizing: border-box;
@@ -708,3 +702,37 @@ body.dark .meterLabel {
 .intro-text {
   font-size: 18px;
 }
+
+.log::-webkit-scrollbar {
+  width: 3px;
+  height: 2px;
+}
+.log::-webkit-scrollbar-button {
+  width: 0px;
+  height: 0px;
+}
+.log::-webkit-scrollbar-thumb {
+  background: #e1e1e1;
+  border: 0px none #ffffff;
+  border-radius: 50px;
+}
+.log::-webkit-scrollbar-thumb:hover {
+  background: #ffffff;
+}
+.log::-webkit-scrollbar-thumb:active {
+  background: #000000;
+}
+.log::-webkit-scrollbar-track {
+  background: #666666;
+  border: 0px none #ffffff;
+  border-radius: 50px;
+}
+.log::-webkit-scrollbar-track:hover {
+  background: #666666;
+}
+.log::-webkit-scrollbar-track:active {
+  background: #333333;
+}
+.log::-webkit-scrollbar-corner {
+  background: transparent;
+}