I deployed my React project on netlify which on my pc displays as is supposed but after deploying it and accessing the deployed site, the page is distorted.
This is how it is supposed to look: 
But this is how it looks: 
I feel the problem is related to my CSS but i don't know how or where.
This is the link to the project repo on Github: project repo