CSS Error – Posts have disappeared

For ages I’ve used a piece of CSS that keeps posts marked as in the ‘blog’ or ‘esafety’ category from appearing on the home page.

However, suddenly all my posts aren’t appearing on the home page and my site looks blank. They;re all there but just not showing.

The piece of code I am using is:

.home .hentry.category-blog {
display: none;
}

.home .hentry.category-esafety {
display: none;
}

However, for some unknown reason it doesn;t work. When I remove the display: none bit all the posts come back but then the home page is swamped with things I don’t want.

This is my site. It’s for the primary school I work at.

https://www.sheltonschool.co.uk