CSS broken on GitHub pages

Visit your site (https://ehosseiniasl.github.io/academic-pages-demo/), open the browser’s dev tools, and view the console messages:

You are serving your site from a subdirectory (academic-pages-demo), but you are attempting to serve the assets from the root of the server.

In your site configuration, the baseURL must be:
https://ehosseiniasl.github.io/academic-pages-demo/

If you need further assistance, please share a link to the public repository for your project.

See https://discourse.gohugo.io/t/requesting-help/9132.

Let us see your code

Include a link to the source code repository of your project, because we really need the context of seeing your templates and partials to be able to help you. It is trivial to do a quick git clone on your repo, then run hugo server in your project, to help you out. On the other hand, recreating your code from screenshots, or sort of guessing at it, is not.

If you can’t share your repository for whatever reason, consider creating a dummy repo that you can share, which reproduces the problem you’re experiencing.