diff --git a/googleapi/src/img/debate.jpg b/googleapi/src/img/debate.jpg
index f4e9755..7235ee1 100644
Binary files a/googleapi/src/img/debate.jpg and b/googleapi/src/img/debate.jpg differ
diff --git a/googleapi/src/index.html b/googleapi/src/index.html
index 2fc6487..273f871 100644
--- a/googleapi/src/index.html
+++ b/googleapi/src/index.html
@@ -5,15 +5,13 @@
   <meta name="author" content="Vinit Shahdeo">
   <title>Online Debate System</title>
   
-  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
   
       <style>
       html { 
-  background: url(img/debate.jpg) no-repeat center center fixed ; 
+        
+  background: url(img/debate.jpg) ; 
   -webkit-background-size: cover;
-  -moz-background-size: cover;
-  -o-background-size: cover;
-  background-size: cover;
 
 
 }
@@ -24,14 +22,14 @@
 *{
   margin:0;
   padding:0;
-  font-family: 'Montserrat',Verdana, Arial, sans-serif;
+  font-family: 'Roboto',Verdana, Arial, sans-serif;
 
 }
 
 
 
 [class*="brandico-"]:before {
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Roboto', sans-serif;
 }
 
 
@@ -193,19 +191,19 @@
   <div class="content">
   <div class="welcomeText">
     <div class="welcome">
-      <h1 class="greet">WELCOME</h1>
+      <h1 class="greet" style="color: black;">WELCOME</h1>
     </div>
     <div class="subText">
       <div class="subTexts">
-        <p class="subscribe">Online Debate System</p>
-        <p class="soon">Start Debating online!!</p>
+        <p class="subscribe" style="font-weight: bold;">Online Debate System</p>
+        <p class="soon" style="font-weight: bold;">Start Debating online!!</p>
        </div>
     </div>
   </div>
   
   <div class="form">
     <form class="sub">
-      <center><a href="speech.html"><button class="button" value="Send"><a href="speech.html">Start<a/></button></a></center>
+      <center><a href="speech.html"><button class="button" value="Send"><a href="speech.html" style="color: black;">Start<a/></button></a></center>
     </form>
   </div>
   
@@ -217,6 +215,7 @@ <h1 class="greet">WELCOME</h1>
 </div>
   
     <script src="js/index.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
 
 </body>
 </html>