Roll20 doesnt like my CSS

im not quite sure what im doing wrong, ive only really started leearning about this stuff today. but i spent all day figuring this stuff out and i finally thought i was getting somewhere. but after checking by moving my script over from codepen to roll20 im lost at why my CSS script doesnt see to be working. What it looks like on Code pen What it looks like in roll20 i also have no idea how to make the little box to show my code, so if someone can help me with that, i can show my code to make it easier to help with the other problem.

Ro show the code box, when youre writing a post, there's a formatting bar across the top of the window. The button the far left is a dropdown - clicck that and the Code option will be visible, among others. Check the wiki on building character sheets for common mistakes. The first mistake, though, possibly not mentioned there - is writing your code outside of roll20. Roll20 has some idiosyncracies that mean code created on other sites (like codepen) often does not work properly in roll20, so you generally have to do your prototyping in roll20 itself. My guess is though you have not applied sheet- to the starts of class names. This must be done in the CSS file, and isnt necessary in HTML. Roll20 prepends sheet- to all class names in the live sheet, so you must add it in CSS.

The important page GiGs was talking about: <a href="https://wiki.roll20.net/Building_Character_Sheets" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets</a> If you aren't aware of the roll20-related quirks and how html/css should be done within it,&nbsp; as few things will work well, if at all.