From 81ba925ec53ae85b04864afbe147806ecec8f2a4 Mon Sep 17 00:00:00 2001
From: "sigonasr2, Sig, Sigo" <sigonasr2@gmail.com>
Date: Fri, 29 Apr 2022 13:12:07 -0500
Subject: [PATCH] Update template.css

Webkit support and retain styles after animation completes.
---
 template.css | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/template.css b/template.css
index d78ed7e..563459b 100644
--- a/template.css
+++ b/template.css
@@ -3,8 +3,15 @@
     position:relative;
     opacity:1;
     font-size:0px;
+    overflow:auto;
+    -webkit-animation-duration:15s;
+    -webkit-animation-name:slidein;
+    -webkit-animation-iteration-count:1;
+    -webkit-animation-fill-mode:forwards;
     animation-duration:15s;
     animation-name:slidein;
+    animation-iteration-count:1;
+    animation-fill-mode:forwards;
 }
 
 @keyframes slidein{
@@ -18,10 +25,32 @@
     75%{
         opacity:1;
         font-size:16px;
+        min-height:auto;
     }
     100%{
         opacity:0;
         font-size:0px;
+        min-height:0px;
+    }
+}
+
+@-webkit-keyframes slidein{
+    0%{
+        left:800px;
+        font-size:16px;
+    }
+    5%{
+        left:0px;
+    }
+    75%{
+        opacity:1;
+        font-size:16px;
+        min-height:auto;
+    }
+    100%{
+        opacity:0;
+        font-size:0px;
+        min-height:0px;
     }
 }