/* Estilo do Título */
h1 {
  text-transform: uppercase;                    /* Letras em caixa alta */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);   /* Sombra para destacar o texto */
  color: red;                                /* Cor da fonte em vermelho */
  font-size: 35px;
  font-family: 'Lobster'
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: pink
}

/* Estilo do Parágrafo */
p {
  text-indent: 20px;                          /* Recuo do parágrafo */
  line-height: 20px;                          /* Espaçamento entre linhas */
  font-size: 25px;
  text-align: justify;                        /* Texto justificado */
  text-transform: capitalize;                 /* Iniciais maiúsculas em cada palavra */
}

/* Estilo para as palavras destacadas */
span {
  text-decoration: underline;                 /* Texto sublinhado */
}

/* --- Estilos do Parágrafo --- */
p {
  color: #1a1a1a;                             /* Texto escuro para dar bom contraste */
  padding: 15px;                              /* Dica: espaçamento interno para o texto não encostar na borda do fundo */
  border-radius: 5px;                         /* Dica: cantos arredondados na caixa do parágrafo */
  transition: background-color 0.3s ease;     /* Transição suave ao passar o mouse */
}

/* --- Efeito Hover no Título --- */
h1:hover {
  color: black                             /* Altera a cor do texto do título (ex: amarelo/dourado) */
}

/* --- Efeito Hover no Parágrafo --- */
p:hover {
  background-color: #e2e8f0;                  /* Altera a cor de fundo para um tom um pouco mais escuro */
}