From d60f2cf812605d53a6c93e97008305991246a93f Mon Sep 17 00:00:00 2001
From: Ryan Carbotte <ryancarbotte@gmail.com>
Date: Tue, 21 Apr 2020 17:46:41 -0500
Subject: [PATCH] feat: removed cloud animations

This is a different take on the perf improvements for #155 that allows the clouds to still exist, just without animation.

Fixes #155
---
 css/styles.css | 28 +++++-----------------------
 1 file changed, 5 insertions(+), 23 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 65b1faf..6631770 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -489,39 +489,21 @@ input[type=number] {
   to {bottom: 0; opacity: 0;}
 }
 
-/* Animation */
-.parallax>use {
-  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
-}
-
+/* Cloud SVG placement */
 .parallax>use:nth-child(1) {
-  animation-delay: -2s;
-  animation-duration: 7s;
+  transform: translate3d(-30px, 0, 0);
 }
 
 .parallax>use:nth-child(2) {
-  animation-delay: -3s;
-  animation-duration: 10s;
+  transform: translate3d(-90px, 0, 0);
 }
 
 .parallax>use:nth-child(3) {
-  animation-delay: -4s;
-  animation-duration: 13s;
+  transform: translate3d(45px, 0, 0);
 }
 
 .parallax>use:nth-child(4) {
-  animation-delay: -5s;
-  animation-duration: 20s;
-}
-
-@keyframes move-forever {
-  0% {
-    transform: translate3d(-90px, 0, 0);
-  }
-
-  100% {
-    transform: translate3d(85px, 0, 0);
-  }
+  transform: translate3d(20px, 0, 0);
 }
 
 /*Shrinking for mobile*/