From 4bf65dc1fe0aca4bd151c6c7d772cc63af73a58a Mon Sep 17 00:00:00 2001
From: s1n <bis@s1n.pw>
Date: Tue, 30 Jul 2019 09:17:13 -0700
Subject: Fixed compatiblity issues

Don't know about Mozilla ones though...
---
 css/main.css | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

(limited to 'css')

diff --git a/css/main.css b/css/main.css
index 51d7c69..ce503a6 100644
--- a/css/main.css
+++ b/css/main.css
@@ -53,6 +53,7 @@ body svg {
   background: #1d1f20;
   opacity: 0;
   -webkit-animation: flicker 0.5985999999999999s ease-out infinite alternate;
+  animation: flicker 0.5985999999999999s ease-out infinite alternate; /* Added standard property to fix compatbiliy issues */
 }
 
 @-webkit-keyframes flicker {
@@ -64,15 +65,24 @@ body svg {
   }
 }
 
-.loader row:nth-child(1) span:nth-child(1) { -webkit-animation-delay: .50s; }
-.loader row:nth-child(1) span:nth-child(2) { -webkit-animation-delay: .70s; }
-.loader row:nth-child(1) span:nth-child(3) { -webkit-animation-delay: .60s; }
-.loader row:nth-child(2) span:nth-child(1) { -webkit-animation-delay: .20s; }
-.loader row:nth-child(2) span:nth-child(2) { -webkit-animation-delay: .80s; }
-.loader row:nth-child(2) span:nth-child(3) { -webkit-animation-delay: .90s; }
-.loader row:nth-child(3) span:nth-child(1) { -webkit-animation-delay: .10s; }
-.loader row:nth-child(3) span:nth-child(2) { -webkit-animation-delay: .30s; }
-.loader row:nth-child(3) span:nth-child(3) { -webkit-animation-delay: .40s; }
+@keyframes flicker { /* Added standard property to fix compatbiliy issues */
+  from, 20% {
+    opacity: 0;
+  }
+  100%, to {
+    opacity: 1;
+  }
+}
+
+.loader row:nth-child(1) span:nth-child(1) { -webkit-animation-delay: .50s; animation-delay: .50s; } /* Added standard property to fix compatbiliy issues */
+.loader row:nth-child(1) span:nth-child(2) { -webkit-animation-delay: .70s; animation-delay: .70s; }
+.loader row:nth-child(1) span:nth-child(3) { -webkit-animation-delay: .60s; animation-delay: .60s; }
+.loader row:nth-child(2) span:nth-child(1) { -webkit-animation-delay: .20s; animation-delay: .20s; }
+.loader row:nth-child(2) span:nth-child(2) { -webkit-animation-delay: .80s; animation-delay: .80s; }
+.loader row:nth-child(2) span:nth-child(3) { -webkit-animation-delay: .90s; animation-delay: .90s; }
+.loader row:nth-child(3) span:nth-child(1) { -webkit-animation-delay: .10s; animation-delay: .10s; }
+.loader row:nth-child(3) span:nth-child(2) { -webkit-animation-delay: .30s; animation-delay: .30s; }
+.loader row:nth-child(3) span:nth-child(3) { -webkit-animation-delay: .40s; animation-delay: .40s; }
 
 /* ORINGINAL SITE CSS */
 html {
@@ -124,4 +134,4 @@ a:focus {
   outline: none;
   background: #282936;
   color: #fff;
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3