From d9121b1067bfc884f71f7fff34e5ec66b2fe5848 Mon Sep 17 00:00:00 2001
From: Joshua Randall <josh@joshrandall.net>
Date: Tue, 18 Mar 2025 11:42:37 -0400
Subject: [PATCH] added some delayed fade in animations

---
 src/styles/App.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/styles/App.scss b/src/styles/App.scss
index 2f37d61..986c49a 100644
--- a/src/styles/App.scss
+++ b/src/styles/App.scss
@@ -4,9 +4,9 @@ body {
   // display: flex;
 }
 
-// .app{
-  
-// }
+.app{
+  animation: fade-in 0.3s ease-in forwards;
+}
 .app-container {
   margin-top: 40px;
   position: relative; // Ensure container acts as a positioning context
@@ -52,7 +52,8 @@ body {
 }
 
 .video-details{
-
+  opacity: 0;
+  animation: fade-in 0.3s 0.2s ease-in forwards;
   align-items: flex-end;
   justify-content: flex-end;
   width: 100%;
@@ -77,6 +78,8 @@ body {
   justify-content: space-between;
   align-items: center;
   gap: 10px;
+  opacity: 0;
+  animation: fade-in 0.3s 0.2s ease-in forwards;
 }
 
 .video-stats{
-- 
GitLab