rem vs em

CSS
em -> is relative to the font-size of its direct or nearest parent 
rem -> is relative to the html (root) font-size
Source

Also in CSS: