Tailwind css creating issues while deploying

[niloy-saha-123]

I have been trying to deploy my webapp built on next.js, that uses Typescript, and tailwind css mostly. When i try deploying it the whole page is distorted, whereas, when I run it locally, everything works fine.
I have attached the website and github link below:

Website link: https://studybuddy-qfo6.onrender.com/
Github link: https://github.com/niloy-saha-123/StudyBuddy