refac: her

src/app.html

@@ -89,18 +89,19 @@
 					position: absolute;
 					width: 12rem;
 					height: 12rem;
-					top: 32%;
+					top: 34%;
 					left: 50%;
 					margin-left: -6rem;
 				"
 				src="/logo.svg"
+				class="animate-pulse-fast"
 			/>
 
 			<div
 				id="progress-background"
 				style="
 					position: absolute;
-					top: 56%;
+					top: 58%;
 					left: 50%;
 
 					margin-left: -12rem;
@@ -117,7 +118,7 @@
 				id="progress-bar"
 				style="
 					position: absolute;
-					top: 56%;
+					top: 58%;
 					left: 50%;
 
 					margin-left: -12rem;
@@ -186,4 +187,13 @@
 	html.her #progress-bar {
 		display: block;
 	}
+
+	@keyframes pulse {
+		50% {
+			opacity: 0.65;
+		}
+	}
+	.animate-pulse-fast {
+		animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+	}
 </style>

src/routes/+layout.svelte

@@ -2,7 +2,9 @@
 	import { io } from 'socket.io-client';
 	import { spring } from 'svelte/motion';
 
-	let loadingProgress = spring(0);
+	let loadingProgress = spring(0, {
+		stiffness: 0.05
+	});
 
 	import { onMount, tick, setContext } from 'svelte';
 	import {