Added home backgroung image and centered input

src/app/home/home.component.css

@@ -1,6 +1,20 @@
 input{
-  width: 40%;
+  width: 500px;
   display: flex;
   justify-content: center;
   align-items: center;
+  position: absolute;
+  top: 30%;
+  left: 50%;
+  right: 50%;
+  bottom: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.bg-image {
+  background-image: url('/assets/mountains.png');
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+  height: 100vh;
 }

src/app/home/home.component.html

@@ -1,2 +1,3 @@
-<input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
+<div class="bg-image">
-
+  <input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
+</div>