add task solution

src/index.html

@@ -10,6 +10,9 @@
       http-equiv="X-UA-Compatible"
       content="ie=edge"
     />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sen:[email protected]&display=swap" rel="stylesheet">
     <title>Document</title>
     <link
       rel="stylesheet"
@@ -23,7 +26,7 @@
         data-qa="big"
       >
         <img
-          src="../src/images/Search.svg"
+          src="src/images/Search.svg"
           alt="big_search"
           class="big_img_search img_search"
         />
@@ -40,14 +43,14 @@
         data-qa="small"
       >
         <img
-          src="../src/images/Search.svg"
+          src="src/images/Search.svg"
           alt="small_search"
           class="small_img_search img_search"
         />
         <input
           class="small_bar"
           type="text"
-          data-qa="hover"
+          data-qa="keypress"
           placeholder="Try “Los Angeles“"
         />
       </div>

src/style.css

@@ -1,5 +1,10 @@
 body {
   margin: 0;
+}
+
+@font-face {
+  font-family: Roboto, sans-serif;
+  src: url();
   font-weight: 300;
 }