major styling and spacing

src/routes/+page.svelte

@@ -7,7 +7,6 @@
   import VerseDisplay from "$lib/components/VerseDisplay.svelte";
   import SearchInput from "$lib/components/SearchInput.svelte";
   import GuessesTable from "$lib/components/GuessesTable.svelte";
-  import CountdownTimer from "$lib/components/CountdownTimer.svelte";
   import WinScreen from "$lib/components/WinScreen.svelte";
   import Feedback from "$lib/components/Feedback.svelte";
   import TitleAnimation from "$lib/components/TitleAnimation.svelte";
@@ -408,28 +407,30 @@
       >
     </div>
 
-    <VerseDisplay {data} {isWon} />
+    <div class="flex flex-col gap-6">
+      <VerseDisplay {data} {isWon} />
 
-    {#if !isWon}
-      <SearchInput bind:searchQuery {guessedIds} {submitGuess} />
-    {:else}
-      <WinScreen
-        {grade}
-        {statsData}
-        {correctBookId}
-        {handleShare}
-        {copyToClipboard}
-        bind:copied
-        {statsSubmitted}
-        guessCount={guesses.length}
-      />
-      <CountdownTimer />
-    {/if}
+      {#if !isWon}
+        <SearchInput bind:searchQuery {guessedIds} {submitGuess} />
+      {:else}
+        <WinScreen
+          {grade}
+          {statsData}
+          {correctBookId}
+          {handleShare}
+          {copyToClipboard}
+          bind:copied
+          {statsSubmitted}
+          guessCount={guesses.length}
+        />
+      {/if}
 
-    <GuessesTable {guesses} {correctBookId} />
-    {#if isWon}
-      <Feedback />
-    {/if}
+      <GuessesTable {guesses} {correctBookId} />
+
+      {#if isWon}
+        <Feedback />
+      {/if}
+    </div>
     {#if isDev}
       <button
         onclick={clearLocalStorage}