/* imagens.css */ /* Comentário indicando que este é o arquivo CSS específico para imagens. */

/* Estilos específicos para imagens */ /* Comentário explicando o propósito deste arquivo. */

img { /* Seletor que se aplica a todos os elementos <img>. */
    max-width: 100%; /* Define a largura máxima da imagem como 100% da largura do contêiner pai. Isso garante que a imagem nunca exceda o tamanho do contêiner, mas pode ser redimensionada para caber nele. */
    height: auto; /* Define a altura da imagem como automática. Isso faz com que a imagem mantenha sua proporção original quando redimensionada pela largura. */
}

/* Estilos para o contêiner de texto */
.text-container {
    font-size: 2.5rem;         /* Aumenta o tamanho da fonte para 2rem */
    max-width: 80ch;         /* Define a largura máxima para aproximadamente 80 caracteres por linha */
    border: 0px solid black; /* Define uma borda de 2px de espessura e preta */
    padding: 10px;           /* Adiciona um espaçamento interno ao redor do texto */
}