From 68b0510a6d60ce008d9e103f73db5480d6eb964c Mon Sep 17 00:00:00 2001
From: Son Nguyen Hoang <hoangson091104@gmail.com>
Date: Thu, 14 Mar 2024 23:04:08 -0400
Subject: [PATCH] Fix: Fixed homepage (#93)

---
 index.html | 48 ++++++++++++++++++++++++------------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index c88371f9..88263877 100644
--- a/index.html
+++ b/index.html
@@ -224,146 +224,146 @@ <h1 id="my-heading" style="margin-bottom: -10px">
     </div>
 
     <div class="genres">
-        <h2 id="search-title" style="margin-top: 35px; cursor: pointer">Global Hits: Popular Movies Worldwide</h2>
+        <h2 id="other" style="margin-top: 45px; cursor: pointer">Global Hits: Popular Movies Worldwide</h2>
     </div>
 
     <main id="most-popular"></main>
 
     <div class="genres">
-        <h2 style="margin-top: 35px; cursor: pointer">Critics' Choice: Trending Award-Winning Movies</h2>
+        <h2 style="margin-top: 50px; cursor: pointer">Critics' Choice: Trending Award-Winning Movies</h2>
     </div>
 
     <main id="award-winning"></main>
 
     <div class="genres" style="display: flex; justify-content: space-between; align-items: center;">
-        <h2 id="director-spotlight-title" style="cursor: pointer; margin-top: 35px">Director's Spotlight: <span id="spotlight-director-name">Alfred Hitchcock</span></h2>
+        <h2 id="director-spotlight-title" style="cursor: pointer; margin-top: 50px">Director's Spotlight: <span id="spotlight-director-name">Alfred Hitchcock</span></h2>
         <button id="change-director-btn" onclick="changeDirector()" style="padding: 5px 10px; margin-right: 10px; cursor: pointer;">Change Director</button>
     </div>
 
     <main id="director-spotlight"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Adrenaline Rush: Trending Action Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Adrenaline Rush: Trending Action Movies</h2>
     </div>
 
     <main id="action"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Cinematic Excellence: Trending Vietnamese Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Cinematic Excellence: Trending Vietnamese Movies</h2>
     </div>
 
     <main id="vietnamese"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Bollywood Blockbusters: Trending Indian Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Bollywood Blockbusters: Trending Indian Movies</h2>
     </div>
 
     <main id="indian"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">K-Drama & Beyond: Trending Korean Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">K-Drama & Beyond: Trending Korean Movies</h2>
     </div>
 
     <main id="korean"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Binge-Worthy Series: Trending TV Series</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Binge-Worthy Series: Trending TV Series</h2>
     </div>
 
     <main id="tv-series"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Hidden Treasures: Discover Gems in Cinema</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Hidden Treasures: Discover Gems in Cinema</h2>
     </div>
 
     <main id="hidden-gems"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Scream Queens & Slashers: Trending Horror Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Scream Queens & Slashers: Trending Horror Movies</h2>
     </div>
 
     <main id="horror"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Real Stories: Trending Documentary Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Real Stories: Trending Documentary Movies</h2>
     </div>
 
     <main id="documentary"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Animated Adventures: Trending Animated Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Animated Adventures: Trending Animated Movies</h2>
     </div>
 
     <main id="animation"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Future Visions: Trending Science Fiction Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Future Visions: Trending Science Fiction Movies</h2>
     </div>
 
     <main id="sci-fi"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Love Is in the Air: Trending Romantic Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Love Is in the Air: Trending Romantic Movies</h2>
     </div>
 
     <main id="romantic"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Edge of Your Seat: Trending Thriller Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Edge of Your Seat: Trending Thriller Movies</h2>
     </div>
 
     <main id="thriller"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Whodunit? Mystery & Intrigue in Trending Mystery Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Whodunit? Mystery & Intrigue in Trending Mystery Movies</h2>
     </div>
 
     <main id="mystery"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Epic Journeys: Trending Adventure Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Epic Journeys: Trending Adventure Movies</h2>
     </div>
 
     <main id="adventure"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Laughs Galore: Trending Comedy Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Laughs Galore: Trending Comedy Movies</h2>
     </div>
 
     <main id="comedy"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Other Worlds: Trending Fantasy Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Other Worlds: Trending Fantasy Movies</h2>
     </div>
 
     <main id="fantasy"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Family Fun Time: Trending Family Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Family Fun Time: Trending Family Movies</h2>
     </div>
 
     <main id="family"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Underworld Tales: Trending Crime Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Underworld Tales: Trending Crime Movies</h2>
     </div>
 
     <main id="crime"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Enchanting Melodies: Trending Musical Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Enchanting Melodies: Trending Musical Movies</h2>
     </div>
 
     <main id="musical"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Emotional Journeys: Trending Drama Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Emotional Journeys: Trending Drama Movies</h2>
     </div>
 
     <main id="drama"></main>
 
     <div class="genres">
-        <h2 id="other" style="margin-top: 35px; cursor: pointer">Timeless Classics: Trending Classic Movies</h2>
+        <h2 id="other" style="margin-top: 50px; cursor: pointer">Timeless Classics: Trending Classic Movies</h2>
     </div>
 
     <main id="classic" style="margin-bottom: 230px"></main>