updated media

css/search.css

@@ -1,11 +1,21 @@
 .searchblock {
-    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    width: max-content;
     display: flex;
     align-items: center;
     justify-content: center;
+    position: relative;
+}
+
+.searchicon {
+    position: absolute;
+    left: 20px;
+    cursor: pointer;
 }
 
 #search-in-google {
+    max-width: 500px;
     padding: 10px 50px;
     font-size: 20px;
     margin: 10px;
@@ -19,3 +29,10 @@
 #search-in-google:hover {
     box-shadow: white 0 0 20px;
 }
+
+@media screen and (max-width: 500px) {
+    #search-in-google {
+        max-width: 200px;
+        font-size: 12px;
+    }
+}