Remove page animation, small tweaks

public/css/index.css

@@ -1,14 +1,3 @@
-@keyframes slide-in-blurred-bottom {
-	0% {
-		filter: blur(20px);
-		opacity: 0;
-	}
-	100% {
-		filter: blur(0);
-		opacity: 1;
-	}
-}
-
 /* Defaults */
 :root {
 	--font-family: "Fraunces", serif;
@@ -44,10 +33,6 @@
 
 /* Design Tokens */
 :root {
-	/* Animations */
-	--slide-in-blurred-bottom: slide-in-blurred-bottom 0.75s
-		cubic-bezier(0.23, 1, 0.32, 1) both;
-
 	/* Colors */
 	--color-gray-20: #e0e0e0;
 	--color-gray-90: #333333;
@@ -216,7 +201,6 @@ blockquote:before {
 	}
 }
 body {
-	animation: var(--slide-in-blurred-bottom);
 	font-size: var(--step-0);
 	margin-inline: auto;
 	max-width: var(--grid-max-width);
@@ -650,6 +634,7 @@ header .home-link {
 	grid-column: 1 / 1;
 }
 .logo {
+	aspect-ratio: 1 / 1;
 	width: var(--space-l-xl);
 }
 
@@ -722,7 +707,6 @@ nav ul {
 }
 
 /* Navigator */
-
 .navigator {
 	display: grid;
 	gap: var(--space-2xs) var(--space-2xs);
@@ -743,6 +727,7 @@ nav ul {
 			text-decoration: none;
 			width: 100%;
 			img {
+				aspect-ratio: 1 / 1;
 				filter: var(--logo-filter);
 				width: var(--space-m);
 			}
@@ -926,10 +911,12 @@ time,
 	}
 	.post-image-container {
 		margin-left: 0;
+		min-height: var(--space-10xl);
 		width: 100%;
 	}
 	.post-image-container img.post-image {
 		width: 100cqw;
+		height: var(--space-10xl);
 	}
 	.postlist-link {
 		padding: 0;