Ainda estou meio confuso quanto a essa questão de rem, em, px e %.
bem, aqui no exemplo abaixo de vocês:
body {
font-family: "Crimson Text", "Times New Roman", serif;
background-color: #F2FFFC;
font-size: 120%;
line-height: 1.5;
}
h1 {
text-transform: uppercase;
font-size: 3em;
}
/* ESTE 'EM' ESTÁ RELACIONADO COM QUE VALOR? */
.titulo-principal {
text-align: center;
background-color: #851944;
color: #FFF;
padding: 2rem;
border-bottom: .5rem solid #000;
}
/* OS 'REM' ESTÃO RELACIONADOS COM QUE VALOR? */
.subtitulo-texto {
font-size: 1.5em;
clear: both;
}
/* E ESTE 'EM'?*/