Cannot modify (background) colors

Hello,
I’m trying to change the font and background colors, but the response is hard to understand. For the body, I have the following CSS:

.tablepress-id-1 tbody td {
	font-family: Verdana;
	font-size: 16px;
	color: #ff0000;
	background-color: #00ff00;
}

This picks up the font type/size but completely ignores the colors. I also tried a different approach (based on some other post):

.tablepress-id-1 tbody td {
	font-family: Verdana;
	font-size: 16px;
}
tablepress-id-1 .row-2 td {
	color: #ff0000;
	background: #00ff00;
}
tablepress-id-1 .row-4 td {
	color: #ff0000;
	background: #00ff00;
}

But this didn’t change the outcome.
The response for the header is even more head scratching:

.tablepress thead th,
.tablepress tfoot th {
	font-size: 20px;
	background-color: #ff0910;
	color: #ffffff;
}

This actually works when I insert it on the page and open it with Elementor. However, when I publish it, the header shows in the usual color.
I was wondering if anyone has any suggestion on what I am missing and which would be the best way to proceed.
Thanks.

The page I need help with: [log in to see the link]