diff --git a/public/css/style.css b/public/css/style.css
index e69de29..134c6a1 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -0,0 +1,4 @@
+.form-control {
+    width: 50% !important;
+    text-align: center;
+}
diff --git a/src/views/index.ejs b/src/views/index.ejs
index 0287c3e..2f97ec5 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -26,9 +26,14 @@
 </head>
 <body>
     <img src="images/logo.webp" class="img-fluid mx-auto d-block" alt="Banner">
+
+    <input id="firstname" class="form-control form-control-lg mx-auto d-block" type="text" placeholder="Maria">
+
     <hr>
     <figure class="text-center">
         <%- readme %>
     </figure>
+
+    <script src="js/main.js"></script>
 </body>
 </html>
