Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Você deve definir o font-size base do documento HTML como 24px. 1. Você deve ter um elemento com a classe newspaper que contenha todos os outros elementos. 1. O elemento .newspaper deve ter um font-size de 16px e uma fonte Open Sans com uma fonte de alternativa sans-serif. 1. Dentro do seu elemento .newspaper, você deve ter pelo menos mais sete elementos: um para o nome do jornal que possui uma classe name, um para a data do artigo com uma classe date, um para a manchete com uma classe headline, um para a submanchete com uma classe sub-headline, um para o autor com uma classe author, e dois parágrafos, cada um com uma classe text. Todos esses elementos devem ser preenchidos com as informações do seu artigo. 1. O elemento .name deve ter um font-size que seja duas vezes o font-size do elemento raiz e deve usar a fonte Times New Roman, com uma fonte alternativa de serif. 1. Os elementos .name e .author devem usar CSS para colocar todos os seus caracteres em maiúsculas. 1. O elemento .headline deve ter um font-size que seja duas vezes o font-size do elemento pai e deve estar em negrito. 1. O elemento .sub-headline deve ter um font-weight de 100, um font-size que seja 1.5 vezes o font-size do elemento pai e deve ser em itálico. 1. O elemento .author deve usar CSS para deixá-lo em negrito. 1. Os elementos .text devem ter um text-indent de 20px. 1. Os elementos .text devem ter um line-height que seja duas vezes o font-size do elemento pai. 1. A primeira letra dos seus elementos .text deve estar em negrito e com o dobro do tamanho do font-size do elemento pai. Use o seletor ::first-letter para isso.

Testes:

• Você deve ter um seletor `html` que defina o `font-size` como `24px`.
• Você deve ter um elemento com a classe `newspaper`.
• Você deve ter um seletor `.newspaper` que defina o `font-size` dos elementos como `16px`.
• Você deve ter um seletor `.newspaper` que defina a `font-family` dos elementos como `'Open Sans', sans-serif`.
• Você deve ter um elemento com a classe `name` dentro do elemento `.newspaper`.
• O elemento `.name` deve ter o nome do seu jornal.
• Você deve ter um elemento com a classe `date` dentro do elemento `.newspaper`.
• O elemento `.date` deve ter a data.
• Você deve ter um elemento com a classe `headline` dentro do elemento `.newspaper`.
• O elemento `.headline` deve ter a manchete do artigo.
• Você deve ter um elemento com a classe `sub-headline` dentro do elemento `.newspaper`.
• O elemento `.sub-headline` deve ter a submanchete do artigo.
• Você deve ter um elemento com a classe `author` dentro do elemento `.newspaper`.
• O elemento `.author` deve ter o autor do artigo.
• Você deve ter pelo menos dois elementos de parágrafo, cada um com a classe `text`, dentro do elemento `.newspaper`.
• Os elementos `.text` devem ter o texto do artigo.
• Você deve ter um seletor `.name` que defina o `font-size` dos elementos como `2rem`.
• Você deve ter um seletor `.name` que defina a `font-family` dos elementos como `'Times New Roman', serif`.
• O elemento `.name` deve ter a propriedade `text-transform` definida como `uppercase`.
• O elemento `.author` deve ter a propriedade `text-transform` definida como `uppercase`.
• Você deve ter um seletor `.headline` que defina o `font-size` dos elementos como `2em`.
• Você deve ter um seletor `.headline` que defina o `font-weight` dos elementos como `bold`.
• Você deve ter um seletor `.sub-headline` que defina o `font-weight` dos elementos como `100`.
• Você deve ter um seletor `.sub-headline` que defina o `font-size` dos elementos como `1.5em`.
• Você deve ter um seletor `.sub-headline` que defina o `font-style` dos elementos como `italic`.
• Você deve ter um seletor `.author` que defina o `font-weight` dos elementos como `bold`.
• Você deve ter um seletor `.text` que defina o `text-indent` dos elementos como `20px`.
• Você deve ter um seletor `.text` que defina a `line-height` dos elementos como `2em`.
• Você deve ter um seletor `.text::first-letter` que defina o `font-weight` dos elementos como `bold`.
• Você deve ter um seletor `.text::first-letter` que defina o `font-size` dos elementos como `2em`.