Log scrolls, has pretty scrollbar

satiate.css

@@ -18,6 +18,7 @@ html, body {
   padding: 25px;
   font-size: 24px;
   max-width: 50%;
+  overflow: auto;
 }
 
 .sidebar {
@@ -190,3 +191,37 @@ html, body {
 #area-name {
   font-size: 36px;
 }
+
+#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;
+}

satiate.js

@@ -24,6 +24,8 @@ function print(lines) {
 
     log.appendChild(div);
   });
+
+  log.scrollTop = log.scrollHeight;
 }
 
 // setup the game