From a3013082f6fdd54afb956365e14f803606ef6ecf Mon Sep 17 00:00:00 2001
From: JulianPrieber <60265788+JulianPrieber@users.noreply.github.com>
Date: Sun, 20 Feb 2022 13:39:53 +0100
Subject: [PATCH] Added animation

Added animation for new logo and element fade in
---
 littlelink/css/animate.css | 59 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/littlelink/css/animate.css b/littlelink/css/animate.css
index 79cbd03..70426ed 100644
--- a/littlelink/css/animate.css
+++ b/littlelink/css/animate.css
@@ -22,4 +22,61 @@
   50% {
     opacity: 1;
   }
-}
\ No newline at end of file
+}
+
+/* Rotating entrances */
+.rotate {
+  animation-name: rotate;
+  animation-duration: 3s;
+  animation-fill-mode: both;
+  transform-origin: center;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate3d(0, 0, 1, -200deg);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+
+.fadein {
+  animation-name: fadein;
+  animation-duration: 3s;
+  animation-fill-mode: both;
+}
+
+
+@keyframes fadein {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.parent {
+    margin: auto;
+    padding-top: 50px;
+    position: relative;
+    left: 34px;
+}
+.image1 {
+    position: relative;
+    width: 150px !important;
+    min-width:150px;
+}
+
+.image2 {
+    position: relative;
+    bottom: 38px;
+    right: 107px;
+    width: 55px !important;
+    min-width: 55px;
+    height: auto;
+}