Made search bar visible without scrolling

[Saran-pariyar]

I did some styling changes so that we could we the search bar directly when we open the website without scrolling.

Before:

Now :

Sorry but I'm new and didn't understand how to close the issue, but this commit solves the issue of no #719

[vimode]

Hey @Saran-pariyar
Please read this guideline
https://github.com/jenkoian/hacktoberfest-checker#changing-styling

Styling is done through tailwind as much as possible, no CSS should be added and class names favoured. However, there will be occasions where custom CSS is required, in this case you need to edit style.css and run npm run tailwind-gen to generate the new CSS file.
Note: You should never directly edit index.css

Try using tailwind as much as possible.