Remove misspelled class names and improve formatting

src/routes/+layout.svelte

@@ -24,7 +24,7 @@
 <div class="flex flex-col lg:flex-row">
 	<Navbar />
 
-	<div class="oveflow-scroll flex h-screen w-full flex-col">
+	<div class="flex h-screen w-full flex-col">
 		<main
 			class="pt-18 sm:mx-a sm:w-155 md:w-190 lg:w-170 xl:w-230 2xl:w-280
 			box-border pe-2.5 ps-5 sm:pt-24 lg:pt-12">

src/routes/blog/+page.svelte

@@ -14,7 +14,7 @@
 	<a
 		href="/post/{post.path}"
 		class="txt @light:text-dark hover:text-#ccc
-		@light:hover:text-#555 bg-a rounded-3 durition-500 box-border
+		@light:hover:text-#555 bg-a rounded-3 box-border
 		block text-white transition hover:shadow-xl">
 		<article class="mb-4 px-6 py-3">
 			<h2 class="mb-2 mt-1">{post.title}</h2>

src/routes/post/[post]/+page.svelte

@@ -43,7 +43,7 @@
 				<a
 					href="/post/{post.path}"
 					class="txt bg-a @light:text-dark hover:text-#ccc
-					@light:hover:text-#555 rounded-3 durition-500 box-border
+					@light:hover:text-#555 rounded-3 box-border
 					block text-white transition hover:shadow-xl">
 					<article class="mb-4 px-6 py-3">
 						<h3 class="my-2">{post.title}</h3>

src/routes/reviews/+page.svelte

@@ -14,7 +14,7 @@
 	<a
 		href="/revival/{review.path}"
 		class="txt @light:text-dark hover:text-#ccc
-		@light:hover:text-#555 bg-a rounded-3 durition-500 box-border
+		@light:hover:text-#555 bg-a rounded-3 box-border
 		block text-white transition hover:shadow-xl">
 		<article class:opacity-50={review.defunct} class="mb-4 flex p-3 ps-5">
 			{#if review.logo}

src/routes/revival/[revival]/+page.svelte

@@ -27,9 +27,7 @@
 					<div class="flex flex-wrap">
 						<h1 class="text-2rem m-0 me-3">{data.name}</h1>
 						{#if data.defunct}
-							<p class="mb-a mt-0 text-red-500">
-								[defunct]
-							</p>
+							<p class="mb-a mt-0 text-red-500">[defunct]</p>
 						{/if}
 					</div>
 					<span class="mt-a ms-a mb-0.5">
@@ -80,7 +78,7 @@
 				<a
 					href="/revival/{revival.path}"
 					class="txt bg-a @light:text-dark hover:text-#ccc
-					@light:hover:text-#555 rounded-3 durition-500 box-border
+					@light:hover:text-#555 rounded-3 box-border
 					block text-white transition hover:shadow-xl">
 					<article
 						class:opacity-50={revival.defunct}

src/routes/revivals/+page.svelte

@@ -31,7 +31,7 @@
 	{#each data.revivals.sort((a, b) => b.rating.overall - a.rating.overall) as revival}
 		<a
 			href="/revival/{revival.path}"
-			class="txt bg-#1f1c1d @light:bg-white rounded-2 card durition-500
+			class="txt card bg-#1f1c1d @light:bg-white rounded-2
 			@light:text-black box-border flex flex-col p-5 text-white
 			transition hover:shadow-xl">
 			<div class:opacity-50={revival.defunct} class="flex">