body{
  font-size: 16px;
}

/* Las unidades rem (root em) en CSS se han vuelto importantes y ampliamente recomendadas en el diseño web actual por varias razones fundamentales: */

/* h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
  font-size: 4rem;  
}

p{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 2rem;
} */

/* Las unidades em en CSS se utilizan para definir tamaños y dimensiones en relación con el tamaño de fuente del elemento padre. Aquí tienes un ejemplo de cómo se usa la unidad em en CSS: */

.contenedor{
  font-size: 18px;/* Tamaño de fuente del contenedor */
}

h1{
  font-size: 4em;
}

p{
  font-size: 2em;
  /* El tamaño de fuente del párrafo es 1.5 veces el tamaño de fuente del contenedor */
}

.caja{
  font-size: 0.5em;
  /* El tamaño de fuente de las cajas es 0.5 veces el tamaño de fuente del contenedor */
}