Style

client/style.css

@@ -1,15 +1,38 @@
 input {
-
+    height: 4%;
+    position: absolute;
+    top: 44%;
 }
 
-.input {
-
+input[type=text] {
+    -webkit-transition: width 0.4s ease-in-out;
+    transition: width 0.4s ease-in-out;
+    width: 20%;
+    padding: 12px 20px;
+    margin: 8px 0;
+    border-radius: 4px;
+    box-sizing: border-box;
 }
 
-.update {
-
+.input1 {
+    top: 50%;
 }
 
-.update:hover {
-    
-}
+input[type=text]:focus {
+    width: 95%;
+}
+
+input[type=submit] {
+    top: 56%;
+    width: 20%;
+    background-color: rgb(66, 183, 238);
+    border-radius: 4px;
+    color: white;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+}
+
+input[type=submit]:hover {
+    background-color: rgb(59, 164, 212);
+}