Why is my wordpress page’s content not visible?

I am working on my portfolio website. I just finished working on all the HTML CSS JavaScript and now I want to convert my website to WordPress. So I create my custom theme, create my pages and templates, rename all my .html files to .php and upload evrythin on my server. However, when I go to my site, the content is there (you can see it in the page inspector), but it is invisible for some reason. Only the header (header.php) is visible. I tried reinstalling WordPress on my server, nothing changed. Does anyone have a solution? Thanks! Here is the link: problematic website

Answer

You have some console errors that need to be fixed:

Additionally there is CSS hiding the content:

Removing the opacity: 0 reveals the content: