From ee16fb9db098cb1cb676ed4da72e583e05944be3 Mon Sep 17 00:00:00 2001
From: TartejBrothers <taranjeetsinghbedi2@gmail.com>
Date: Sat, 8 Jun 2024 18:26:12 +0530
Subject: [PATCH] Updated: Animations

---
 src/App.css                                  | 8 ++++++--
 src/components/styles/contact.css            | 8 ++++++--
 src/components/styles/expertisecomponent.css | 7 ++++---
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/App.css b/src/App.css
index 8e0146d..1ca6dcb 100644
--- a/src/App.css
+++ b/src/App.css
@@ -51,10 +51,14 @@
 }
 
 .slide-up {
-  animation: slideUp linear;
   animation-timeline: view();
-  animation-range-start: 00px;
+  animation-range-start: 0vh;
   animation-range-end: 100vh;
+
+  animation-name: fade-in;
+  animation-fill-mode: both;
+  animation-duration: 100ms;
+  animation-timing-function: linear;
 }
 
 #testimonial {
diff --git a/src/components/styles/contact.css b/src/components/styles/contact.css
index f912365..06424d9 100644
--- a/src/components/styles/contact.css
+++ b/src/components/styles/contact.css
@@ -73,10 +73,14 @@
 }
 
 .contactmain {
-  animation: charactershow linear;
   animation-timeline: view();
-  animation-range-start: 00px;
+  animation-range-start: 0vh;
   animation-range-end: 100vh;
+
+  animation-name: charactershow;
+  animation-fill-mode: both;
+  animation-duration: 100ms;
+  animation-timing-function: linear;
 }
 
 @media screen and (max-width: 1000px) {
diff --git a/src/components/styles/expertisecomponent.css b/src/components/styles/expertisecomponent.css
index d91a7ad..82249a7 100644
--- a/src/components/styles/expertisecomponent.css
+++ b/src/components/styles/expertisecomponent.css
@@ -83,13 +83,14 @@
   }
 }
 .leftexpertisebody {
-  animation: expertisecontenthide;
   animation-timeline: view();
   animation-range-start: 60vh;
   animation-range-end: 90vh;
-  animation-fill-mode: forwards;
 
-  animation-duration: 2s;
+  animation-name: expertisecontenthide;
+  animation-fill-mode: both;
+  animation-duration: 100ms;
+  animation-timing-function: linear;
 }
 @media screen and (max-width: 1000px) {
   .rightexpertise {