Conceito importante para explicar

A unidade em depende do tamanho da fonte do elemento pai.

Por exemplo:

.pai {
    font-size: 20px;
}

.filho {
    font-size: 1.5em;
}

Nesse caso:

1.5 × 20px = 30px

Já rem utiliza o tamanho da fonte definido no elemento html.

html {
    font-size: 16px;
}

.titulo {
    font-size: 2rem;
}

Resultado:

2 × 16px = 32px