diff --git a/src/App.svelte b/src/App.svelte
index af98613..97c8a08 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -5,5 +5,7 @@
 
 <Titlebar />
 <div class='backdrop'>
-    <Load />
+    <div class='delay-show'>
+        <Load />
+    </div>
 </div>
diff --git a/src/root.css b/src/root.css
index 0848456..dfee0c4 100644
--- a/src/root.css
+++ b/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;
+}
\ No newline at end of file