Why not working?

Question

In this code, I have styled a table.
Some of things I don't know and some of them are not working.
1)When I set opacity to 1,I cant see hover effect.
2)How to use vertical align in this code.
3)I don't want to have hover effect in heading row.
4) I want to have top left border and top right border curved. How to use border-radius?
https://code.sololearn.com/Wif7oZFPwNyf/?ref=app

Answer 1

I had a problem with vertical align too. Here is a solution: using writing-mode:tb-rl and transform:rotate(-180deg) works correctly!