feat (v1.0.0): initial refactor and redesign

app/globals.css

@@ -34,18 +34,20 @@
 @layer utilities {
   :root {
     --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
+    --background-start-rgb: 31, 41, 55;
+    --background-end-rgb: 17, 24, 39;
   }
 
   body {
     color: rgb(var(--foreground-rgb));
     background: linear-gradient(
-        to bottom,
-        transparent,
-        rgb(var(--background-end-rgb))
-      )
-      rgb(var(--background-start-rgb));
+        180deg,
+        rgb(var(--background-start-rgb)) 0%,
+        rgb(var(--background-end-rgb)) 100%
+      );
+    background-attachment: fixed;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
   }
 }
 
@@ -66,6 +68,15 @@ html {
   }
 }
 
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 .hover\:glow {
   transition: text-shadow 0.3s ease;
   text-shadow: 0 0 0px rgba(255, 255, 255, 0);