Final Commit

index.html

@@ -26,7 +26,7 @@
                   <div class="sec1 mr-auto ml-auto d-flex">
                     <div class="ml-3 col-md-7 mr-auto ml-auto sec1-1 poppins">
                         <h1 class="orbitron">Indrasenan <span>The Legend</span></h1>
-                        <p>In a realm where mountains touch the heavens, a legend was born. <br> Indrasenan, gifted with the sun's mark, commanded the elements <br> and fell in love with a celestial star. <br>Their love bridged realms, inspiring generations.
+                        <p class="text-left text-md-center">In a realm where mountains touch the heavens, a legend was born. <br> Indrasenan, gifted with the sun's mark, commanded the elements <br> and fell in love with a celestial star. <br>Their love bridged realms, inspiring generations.
                         </p>
                         <a class="btn btn-outline-warning text-info font-weight-bolder" href="legend.html">The Legend of Mahabali </a>
                     </div>

styles.css

@@ -4,10 +4,9 @@
 
   @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');
 
-
 body{
     background-color: black;
-    max-width: 100vw;
+    max-width: fit-content;
 }
 
 a{
@@ -18,7 +17,6 @@ a{
 .body1{
 
     background: url(img/bgimg3.jpg);
-
     background-size: cover;
 }
 
@@ -46,6 +44,7 @@ nav{
     min-width: fit-content;
 }
 
+
 .sec1-1 :nth-child(n){
     margin-top: 20px;
 }
@@ -132,14 +131,13 @@ nav{
 .heroPic{
     width: 100%;
     transform: translateX(0%);
-    scale: 0.9;
+    scale: 1;
     transition: scale 1s, transform 0.5s;
 }
 
 .heroPic:hover{
-    transform: translateX(5%);
-
-    scale: 1;
+    transform: translateX(2%);
+    scale: 1.1;
 }
 
 .navbar-nav{
@@ -325,11 +323,7 @@ iframe{
     width: fit-content;
 }
 
-.corosalTxt{
-    color: rgb(255, 200, 0);
-    font-family: orbitron;
-    text-align: center;
-}
+
 
 .carousel-item{
     height: 75vh;
@@ -352,9 +346,12 @@ iframe{
     font-family: rajdhani;
     position: absolute;
     top: 37%;
-    font-size: 3rem;
+    font-size: 2.8rem;
     font-weight: bold;
     opacity: 0.8;
+    color: rgb(255, 106, 0);
+    font-family: orbitron;
+    text-align: center;
     text-shadow: 0 0 5px rgb(0, 255, 200);
     transition: scale 0.4s;
 }