Search bar for Airbnb

Replace <your_account> with your Github username and copy the links to Pull Request description:

Follow this instructions

❗️❗️❗️ DON'T FORGET TO PROOFREAD YOUR CODE WITH CHECKLIST BEFORE SENDING YOUR PULL REQUEST❗️❗️❗️

Create HTML page with two search bars as designed in the mockup. This search bar will be part of big project.

use images from src/images
there must be two search bars
search bar must have width 100%
distance between two search bars must be 20px
the big search bar must have top indent 20px
follow styles from the mock
default font-weight must be 300
a search bar has 3 state default, hover and focus
don't use JavaScript
use @font-face for fonts
add attribute data-qa="big" for big search form, and data-qa="small" for small
add attribute data-qa="keypress" to input in big search form

Add ALL data-qa attributes required in the task
Text Try "Los Angeles" in mockup is a placeholder.
Pay close attention to font styles. Use fonts from fonts folder.
If you see a cursor in the input on the mockup, that means styles are for entered text by the user (not only on focus action)
You have to put input inside the form for correct data processing. Form should have action and method attributes.
Each search bar be inside its own form element.
Task has styling for :focus state. Forms, labels, divs are not focusable by default. Consider it when selecting your layout.
Remember that inputs and other interactive elements don’t inherit font styles by default.
Remember that placeholder has its own set of styles available using ::placeholder pseudo-element.