in this case, percentage and ems aren't swappable:
* 100%: proportional to the size of the element
* .5em: proportional to the font size