From e456a3fc2a1ac777e226a2591efec40f8fb5c9ae Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 18 Nov 2023 17:40:37 +0100
Subject: [PATCH] Created the Background styles.sass

---
 .../common/components/Background/styles.sass  | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 client/src/common/components/Background/styles.sass

diff --git a/client/src/common/components/Background/styles.sass b/client/src/common/components/Background/styles.sass
new file mode 100644
index 0000000..411d120
--- /dev/null
+++ b/client/src/common/components/Background/styles.sass
@@ -0,0 +1,26 @@
+@import "@styles/colors"
+
+.background svg
+  position: absolute
+  animation: moveUp 40s ease-in-out infinite alternate
+  color: $error
+  z-index: 0
+
+.background svg:nth-child(even)
+  animation: moveUp 50s ease-in-out infinite alternate-reverse
+  color: $primary
+
+.background svg:nth-child(3n+4)
+  color: $warn
+
+.background svg:nth-child(4n+5)
+  color: $purple
+
+.background svg:nth-child(7n+6)
+  color: $text
+
+@keyframes moveUp
+  0%
+    transform: translateY(0) rotate(0deg)
+  100%
+    transform: translateY(-80vh) rotate(45deg)
\ No newline at end of file