/* Estilos gerais */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-image: url('background.jpeg'); /* Substitua 'nome_da_sua_imagem.jpg' pelo nome do arquivo da sua imagem */
    background-size: cover;
    background-position: center;
    /* Imagem mais escura */
    position: relative;
    /* Imagem mais escura */    
    z-index: 0;    
}
    /* Imagem mais escura */
body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.48); /* Ajuste a opacidade conforme necessário */
    z-index: -1;
}



/* Estilos do cabeçalho */
.header {
  background-color: #063;
  color: #fff;
  padding: 5px 5px 1px 5px;
}
.header-container {
  max-width: 960px;
  margin: 0 auto;
  padding: 5px;

  display: flex;
  justify-content: center; /* Centraliza o conteúdo horizontalmente */
  align-items: center; /* Centraliza o conteúdo verticalmente */  
  
  flex: 1;
  /* Imagem mais escura */
  z-index: 1;
}
.logo {
  width: 120px;
}



/* Estilos do conteúdo */

.conteudo-container {
  max-width: 960px;
  margin: 0 auto;
  padding: 10px 20px;
  flex: 1;
  /* Imagem mais escura */
  z-index: 1;
}
.content {
  padding: 0px 0;
  color: #fff;
  font-size: 20px;
}

.welcome-text {
    color: #fff;
}



/* Estilos do rodapé */
.footer {
    background-color: rgba(0, 0, 0, 0.8); /* Fundo preto com 80% de opacidade */
    color: #fff; /* Texto branco */
    padding: 10px;
    text-align: center;
    flex-shrink: 0;
}
.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 10px;
  flex: 1;
  /* Imagem mais escura */
  z-index: 1;
}

.footer a {
    color: #fff;
    text-decoration: none;
}
.footer a:hover {
    color: #8fec13;
}