cs50w project0

The requirements say that we need to match the CSS with google's own aesthetics. And this is what I got to so far

https://preview.redd.it/rewfpj2o0vng1.png?width=1913&format=png&auto=webp&s=e83dd2dd1652e8716be20124659315d1a8288478

I have used the span property across each letter of the logo h1 and applied styling, i.e. colour. Since initially search bar and submit button are both in the same line, I used display:block property. And I've been trying hours to get these things in the middle but one or the other will go sideways.

I don't have much knowledge of a lot of the CSS aligning properties and I also don't know which ones to learn for this project, since there's like an ocean of them. I tried using normal padding and margin adjustments but it seemed too tiring having to keep increasing the values. >!​!<