From aa375fbc5171cd835a82435ce5bcbaeb2eb358db Mon Sep 17 00:00:00 2001
From: beese_buck <16601315+cant-be-blenk@users.noreply.github.com>
Date: Tue, 18 Jan 2022 21:40:09 -0800
Subject: [PATCH] many seals (possibly invading ur beach)

---
 files/templates/submission.html | 49 +++++++++++----------------------
 1 file changed, 16 insertions(+), 33 deletions(-)

diff --git a/files/templates/submission.html b/files/templates/submission.html
index a8228c8b2..47b5931f1 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -34,6 +34,14 @@
 			}
 		}
 		
+		.seal {
+			position:fixed;
+			z-index:9999;
+			pointer-events: none;
+			width: 100% !important;
+			height: 100% !important;
+		}
+		
 		@keyframes moveX {
 			from { left: 0; } to { left: 98%; }
 		}
@@ -42,16 +50,9 @@
 			from { top: 0; } to { top: 98%; }    
 		}
 
-		.seal {
+		.seal1 {
 			animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
-		}
-
-		.seal {
-			position:fixed;
-			z-index:9999;
-			pointer-events: none;
-			width: 100% !important;
-			height: 100% !important;
+			animation-delay:0s;
 		}
 	</style>
 	<div class="seal seal1" height="100%" width="100%">
@@ -61,15 +62,9 @@
 
 {% if p.award_count("wholesome") > 1 %}
 	<style>
-		@keyframes wholesome2 {
-		    0% {top:50%; left:98%;}
-		    25% {top:98%; left: 50%}
-		    50% {top:50%; left:0%;}
-		    75% {top:0%; left: 50%;}
-		    100% {top:50%; left:98%;}
-		}
 		.seal2 {
-			animation-name: wholesome2 !important;
+			animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
+			animation-delay:1s;
 		}
 	</style>
 	<div class="seal seal2" height="100%" width="100%">
@@ -79,15 +74,9 @@
 
 {% if p.award_count("wholesome") > 2 %}
 	<style>
-		@keyframes wholesome3 {
-		    0% {top:50%; left:0%;}
-		    25% {top:0%; left: 50%;}
-		    50% {top:50%; left:98%;}
-		    75% {top:98%; left: 50%}
-		    100% {top:50%; left:0%;}
-		}
 		.seal3 {
-			animation-name: wholesome3 !important;
+			animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
+			animation-delay:2s;
 		}
 	</style>
 	<div class="seal seal3" height="100%" width="100%">
@@ -97,15 +86,9 @@
 
 {% if p.award_count("wholesome") > 3 %}
 	<style>
-		@keyframes wholesome4 {
-		    0% {top:98%; left: 50%}
-		    25% {top:50%; left:0%;}
-		    50% {top:0%; left: 50%;}
-		    75% {top:50%; left:98%;}
-		    100% {top:98%; left: 50%}
-		}
 		.seal4 {
-			animation-name: wholesome4 !important;
+			animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
+			animation-delay:3s;
 		}
 	</style>
 	<div class="seal seal4" height="100%" width="100%">