Add animation for title

src/components/molecules/PageTitle.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { page } from "$app/stores";
+  import "$lib/styles/neon-start.scss";
 
   let title = "Trivernis";
   let secondaryTitle: string | undefined = undefined;
@@ -50,6 +51,7 @@
       );
       text-shadow: 0px 0px 0.5em var(--color-primary);
       user-select: none;
+      animation: neon-start 3s;
 
       @include portrait {
         font-size: 1.8em;

src/lib/styles/neon-start.scss

@@ -0,0 +1,50 @@
+@keyframes neon-start {
+  0% {
+    opacity: 0.1;
+  }
+
+  9% {
+    opacity: 0.1;
+  }
+
+  10% {
+    opacity: 0.7;
+  }
+
+  12% {
+    opacity: 0.2;
+  }
+
+  24% {
+    opacity: 0.2;
+  }
+
+  25% {
+    opacity: 0.75;
+  }
+
+  27% {
+    opacity: 0.2;
+  }
+
+
+  32% {
+    opacity: 0.2;
+  }
+
+  33% {
+    opacity: 0.75;
+  }
+
+  35% {
+    opacity: 0.2;
+  }
+
+  40% {
+    opacity: 0.75;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}