fix hitching & add in frames for all fetched content

styles/Index.module.scss

@@ -37,8 +37,14 @@
 		transform: scale(0.85);
 	}
 }
-.h1clicktorefreshsplash {
+.actualsplash {
 	user-select: none;
+	opacity: 0;
+	&.doneLoading {
+		opacity: 1;
+		animation-name: goIn;
+		animation-duration: 350ms;
+	}
 	&:hover {
 		cursor: pointer;
 	}
@@ -63,6 +69,13 @@
 		text-align: center;
 		h1 {
 			font-size: 2em;
+			min-height: 1em;
+			opacity: 0;
+			&.doneLoading {
+				opacity: 1;
+				animation-name: goIn;
+				animation-duration: 350ms;
+			}
 		}
 		&:first-of-type {
 			border-left: none;
@@ -92,3 +105,12 @@
 		}
 	}
 }
+@keyframes goIn {
+	from {
+		opacity: 0;
+		transform: translate(0, 20px);
+	}
+	to {
+		opacity: 1;
+	}
+}

styles/oGractwie.module.scss

@@ -61,6 +61,14 @@
 			border-radius: var(--radius);
 			box-shadow: var(--shadow0);
 			transition-duration: 100ms;
+			animation-name: goIn;
+			animation-duration: 200ms;
+			@keyframes goIn {
+				from {
+					opacity: 0;
+					transform: translate(0, 16px);
+				}
+			}
 			img {
 				width: 128px;
 				max-width: 156px;