/* Faz o body ocupar a tela inteira */
      html, body {
        height: 100%;
        margin: 0;
        
      }
      /* Usa Flexbox para centralizar o conteúdo */
      body {
        background-image: url('https://t4.ftcdn.net/jpg/05/21/28/65/360_F_521286588_Nmgyzzrinvjd66BEsDyf4Sgc028nv1Ck.jpg');
        background-repeat: repeat;
       
        justify-content: center; /* Centraliza na vertical */
        align-items: center;    /* Centraliza na horizontal */
        text-align: center;       /* Alinha o texto no centro por padrão */
        
      }
      /* Define uma largura máxima para o conteúdo não ficar esticado em telas grandes */
      .content-wrapper {
        max-width: 650px;
        width: 100%;
        padding: 2rem; /* Adiciona um respiro nas laterais */
      }
      /* Alinha à esquerda o texto dentro dos parágrafos principais */
      .content-wrapper p.align-left {
        text-align: left;
      }
      
      .navigation {
  background: transparent !important;
 
}
.navigation a {
  background: transparent !important;
  
}