fade in animation on app startup

src/App.svelte

@@ -5,5 +5,7 @@
 
 <Titlebar />
 <div class='backdrop'>
-    <Load />
+    <div class='delay-show'>
+        <Load />
+    </div>
 </div>

src/root.css

@@ -13,3 +13,29 @@ body, html {
   border-radius: 16px;
   z-index: 0;
 }
+
+@keyframes delay-show-fade-in {
+  0% {
+    opacity: 0;
+    position: relative;
+    top: 10%;
+  }
+  50% {
+    opacity: 0;
+    position: relative;
+    top: 10%;
+  }
+  to {
+    opacity: 1;
+    position: relative;
+    top: 0%;
+  }
+}
+
+.delay-show {
+  position: relative;
+  top: 10%;
+  display: block;
+  opacity: 1;
+  animation: delay-show-fade-in 1.5s ease;
+}