From 9b22ab5e6e36195f32a09149a9b7f00fab8af44d Mon Sep 17 00:00:00 2001
From: Son Nguyen <hoangson091104@gmail.com>
Date: Mon, 25 Dec 2023 02:44:35 +0700
Subject: [PATCH] Fixed front-end bugs

---
 discussions.css  | 9 ++++++++-
 discussions.html | 2 +-
 style.css        | 6 +++---
 trivia.html      | 4 ++--
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/discussions.css b/discussions.css
index c1e5da30..6f883b74 100644
--- a/discussions.css
+++ b/discussions.css
@@ -534,4 +534,11 @@ main {
         align-items: center;
     }
 
-}
\ No newline at end of file
+}
+
+@media (max-width: 705px) {
+    #search-title,
+    #alt-title {
+        display: none;
+    }
+}
diff --git a/discussions.html b/discussions.html
index ae85c7be..ed46dd36 100644
--- a/discussions.html
+++ b/discussions.html
@@ -54,7 +54,7 @@ <h4 id="alt-title">Here, you can ask the chatbot about any movie-related topics
 
     <!-- Chatbot UI -->
     <div id="chatbotContainer">
-        <div id="chatbotHeader">MovieVerse Assistant</div>
+        <div id="chatbotHeader">The MovieVerse Assistant</div>
         <div id="chatbotBody"></div>
         <input id="chatbotInput" type="text" placeholder="Ask me about anything...">
     </div>
diff --git a/style.css b/style.css
index a3484602..8f00647f 100644
--- a/style.css
+++ b/style.css
@@ -5,7 +5,7 @@
 }
 
 body {
-    background-image: url("https://wallpaperaccess.com/full/433561.jpg");
+    background-image: url("universe.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
@@ -524,7 +524,7 @@ p {
 }
 
 .movie-details-body {
-    background-image: url("https://wallpaperaccess.com/full/433561.jpg");
+    background-image: url("universe.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
@@ -532,7 +532,7 @@ p {
 }
 
 .movie-details-body2 {
-    background-image: url("https://wallpaperaccess.com/full/433561.jpg");
+    background-image: url("universe.jpg");
     background-position: center;
     height: 100vh;
     background-size: auto;
diff --git a/trivia.html b/trivia.html
index 380c55ab..2bb152a5 100644
--- a/trivia.html
+++ b/trivia.html
@@ -38,8 +38,8 @@ <h1 id="trivia-label">Movie Trivia Quiz</h1>
 
     <form id="quiz-form" style="margin-bottom: 30px">
         <div id="quiz-container"></div>
-        <button type="button" id="regenerate-questions">Get New Questions</button>
-        <button type="submit" id="submit">Submit Answers</button>
+        <button type="button" id="regenerate-questions" style="color: black">Get New Questions</button>
+        <button type="submit" id="submit" style="color: black">Submit Answers</button>
     </form>
 
     <button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 140px">Movie Timeline</button>