Thanks!!

however I still have a problem with the positioning. I'm trying to make it so as I change the size of the webpage, it'll always stay in the middle of the logo.

#headerSearch {
background-color: #050598;
text-align: center;
width: 470px;
padding-right: 1px;
position: absolute;
top: 6em;
left:25%;
}

Also, Is it possible to change the height of the search bar? I tried a few things but neither worked

style="width: 100px" "height: x"
style="width: 100px, height: x"

where x = any real integer (px)