diff --git a/index.html b/index.html
index 4e2d947..8a6e241 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,25 @@
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <title></title>
     <link href="style.css" rel="stylesheet">
+    <style>
+      h1{
+width: 0ch;
+overflow: hidden;
+white-space:nowrap;
+animation: text 6s steps(16) infinite alternate ;
+border-right: 3px solid black;
+}
+@keyframes text{
+0%{
+width:0ch;
+}
+50%{
+width: 16ch;
+}
+
+
+}
+</style>
 
 </head>
 
@@ -34,11 +53,13 @@
     <main>
         <section class="banner-image">
             <div class="container">
+                <center>
                 <div class="banner-content">
                     <h1>We sell lifestyle</h1>
                     <p>Flat 40% OFF on all premium brands</p>
                     <a href="products.html" class="btn btn-danger btn-lg active">Shop Now</a>
-                </div>
+                    </center>  
+                    </div>
             </div>
         </section>
         <section>
@@ -86,4 +107,4 @@ <h2>Shirts</h2>
     </footer>
 </body>
 
-</html>
\ No newline at end of file
+</html>