I'm trying to modify [this template](https://codepen.io/shaneheyns/pen/OPWGry) for my site. It defines rules for the `html`, `body`, and list elements that override my site CSS (which I don't want). I can modify a couple of things without too much trouble, but I can't seem to get around swapping the `html { font-size: 62.5% }` into the `pricing-wrapper` or `pricing-body` div elements; the text size becomes distorted.

I think I'm doing something wrong here... I've tried adding classes to the `ul` and `li` elements like `.pricing-body ul, li` but that is not working as well as I hoped.

**QUESTION: Best way to preserve the formatting of the table while separating it from the rest of parent page's styling?**

**UPDATE:** For instance, if I comment out the `html` tag on Line 52, the template falls apart. I've tried moving the `font-size: 62.5%` to other divs in the pricing container, but no luck.