From e7ff0516075499e08fc87d3936386d4601d598b7 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Wed, 18 Dec 2019 18:09:55 -0500
Subject: [PATCH] Log items fade out over time

---
 stroll.html |  4 +++-
 style.css   | 18 ++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/stroll.html b/stroll.html
index e23bc30..01a68b3 100644
--- a/stroll.html
+++ b/stroll.html
@@ -192,7 +192,9 @@
     <div id="log-area">
       <div class="log" id="log">
         <div>Welcome to Stroll</div>
-        <p class="version"></p>
+        <br>
+        <div class="version"></div>
+        <br>
         <div><b>This game features 18+ content</b></div>
         <div>&nbsp;</div>
       </div>
diff --git a/style.css b/style.css
index fe1c1fe..74917d3 100644
--- a/style.css
+++ b/style.css
@@ -802,4 +802,22 @@ body.dark .meterLabel {
   padding-top: 6px;
   padding-bottom: 6px;
   user-select: none;
+}
+
+#log > div,
+#react-log > div {
+  animation: log-fade 10s linear;
+  animation-fill-mode: forwards;
+}
+
+@keyframes log-fade {
+  0% {
+    opacity: 1;
+  }
+  70% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.6;
+  }
 }
\ No newline at end of file