Now I know what the issue was… you added the style inside a comment part of the stylesheet where I quoted “you added your code here”
/* Add your style.css changes here
you added your code here
-------------------------------------------------------------- */
This is why it wasn’t working, but to be honest, it’s not your fault because for some people, they would put it where you placed it because of how I wrote comment instructions is not the right way. I should redo the instruction info different for my child themes as this:
/* Add your style.css changes below */
Anyway, I moved the styling outside the comment area and now it works.
A CSS comment is anything that sits between this /* and this */