Modified the CSS of the login and signup page.

[Swarga-codes]

(Thanks for sending a pull request! Please make sure you click the link above to view the contribution guidelines, then fill out the blanks below.)

What does this implement/fix? Explain your changes.

As mentioned I wanted to work with the CSS of the login and the sign up page and made the following changes: a) Added animation to the Login button ( which changes the color from right to left as we hover) and same for the Sign Up page. b) Gave border radius to the form and the input fields to give the form a better look. c) Changed the background of the body to a relevant background related to medical field to give the website and its purpose a better view for the users. d) Also added blur effect by using (backdrop-filter) to the form to give it a better look. e) Added a link in the Login page (that is, Don't have an account? Sign Up) which redirects the user to the Sign Up page and also added the same for Sign Up page that is (Already have an account? Log In).

Does this close any currently open issues?

Fixes #320 - It resolves the issue #320 which was raised by me yesterday.

How did you test your changes?

1. Login Page

2. Sign Up Page

Any relevant logs, error output, etc?

(If it’s long, please paste to https://ghostbin.com/ and insert the link here.)

Any other comments?

It was nice contributing to this project. Thank You! :)

[welcome[bot]]

Hi Welcome to kidney-exchange!💖, Thanks for opening this pull request🌸 Please check out our contributing guidelines✨.

[siv2r]

@Swarga-codes Everything looks amazing!! One request can you find a wallpaper that has a red-black theme. I feel that fits perfectly with the login color. It would be great if it is related to medicine. If you are not able to find one, no worries, you use the already present background.

[Swarga-codes]

@Swarga-codes Everything looks amazing!! One request can you find a wallpaper that has a red-black theme. I feel that fits perfectly with the login color. It would be great if it is related to medicine. If you are not able to find one, no worries, you use the already present background.

Surely sir, I have got such image choices can you tell me which one's better should I use for your website?

1) https://wallpaper-mania.com/post/wallpaper-id-777000414567/

2) https://wallpaper-mania.com/post/wallpaper-id-777000414633/

[siv2r]

@Swarga-codes, no need to call me, sir. Just siv2r will do. Both images look like a 3D model. It would be better if the image is a type of abstract image. I know it very difficult to find such images. If you feel that it is taking a lot of time to find these images, you use the old background images.

[siv2r]

Also, if you have any doubts, please ask in the community discord server. I will be more active there than here.

[Swarga-codes]

@Swarga-codes, no need to call me, sir. Just siv2r will do. Both images look like a 3D model. It would be better if the image is a type of abstract image. I know it very difficult to find such images. If you feel that it is taking a lot of time to find these images, you use the old background images.

I have made the necessary changes with the background, that is, turned it back to the default image. Further, in future if I get some better or relevant image I would create a new pr for that.Thank You!

[siv2r]

Amazing work!! :tada: :tada: Thank you for your contribution.

[welcome[bot]]

Congrats 🎉 on merging your first pull request. Congratulations on merging your first contribution to kidney-exchange✨