• Define un tamaño de letra de 16px como base para todo el documento.
• Define un tamaño de letra de 0.5em para el menú.
• Define un tamaño de letra de 0.5em para los enlaces del menú.
• Define un tamaño de letra de 0.8rem para los párrafos.
• Define un tamaño de letra de 0.8rem para los elementos <span> con clase "destacado".

Para seleccionar cada uno de los párrafos que se piden se hará uso del selector :nth-of-type() de CSS.

• Define una anchura de un 60% para el elemento <div> con clase "cuerpo".
• Define una anchura de un 50% para el primer párrafo.
• Define una anchura de 50vw para el segundo párrafo.
• Define una anchura de 50vmax para el tercer párrafo.
• Define una anchura de 400px para el cuarto párrafo.
• Define una anchura de 20em para el quinto párrafo.

Anota en forma de comentario el tamaño real (calculado) de cada uno de los elementos indicados (para ello puedes utilizar el inspector CSS de Chrome o Firefox). Explica también cómo se calcula el tamaño en cada caso.

Por último, analiza el comportamiento de los elementos formateados al cambiar la anchura de la ventana del navegador. Incluye el análisis en forma de comentario al final del archivo CSS.

Minimiza la hoja de estilos mediante alguno de los métodos descritos en la teoría. Comprueba su contenido y la diferencia del tamaño de los archivos. ¿Se guardan los comentarios al minimizar la hoja?