/* Estilo geral do corpo da página */
body {
    font-family: Arial, sans-serif; /* Fonte usada na página */
    margin: 0; /* Remove margens padrão */
    padding: 0; /* Remove preenchimento padrão */
    background: #6fc27c; /* Cor de fundo da página */
    text-align: center; /* Centraliza o texto na página */
}

/* Estilo do cabeçalho */
header {
    background: #022915; /* Cor de fundo do cabeçalho */
    color: #fff; /* Cor do texto no cabeçalho */
    padding: 10px 20px; /* Preenchimento interno do cabeçalho */
}

/* Estilo do título no cabeçalho */
header h1 {
    margin: 0; /* Remove margens do título */
}

/* Estilo para a navegação */
nav ul {
    list-style: none; /* Remove marcadores da lista */
    padding: 0; /* Remove preenchimento padrão da lista */
}

/* Estilo para itens da navegação */
nav ul li {
    display: inline; /* Exibe os itens da lista em linha */
    margin: 0 15px; /* Margens entre os itens da lista */
}

/* Estilo para links na navegação */
nav ul li a {
    color: #fff; /* Cor do texto dos links */
    /* text-decoration: none; */ /* Descomente para remover sublinhado dos links */
}

/* Estilo para a seção principal da página */
main {
    padding: 20px; /* Preenchimento interno da seção principal */
}

/* Estilo do rodapé */
footer {
    background: #05592e; /* Cor de fundo do rodapé */
    color: #fff; /* Cor do texto no rodapé */
    text-align: center; /* Centraliza o texto no rodapé */
    padding: 10px 20px; /* Preenchimento interno do rodapé */
    position: fixed; /* Mantém o rodapé fixo na parte inferior da página */
    bottom: 0; /* Posiciona o rodapé na parte inferior */
    width: 100%; /* Largura total do rodapé */
}

/* Estilo para os botões */
.button {
    display: inline-block; /* Exibe os botões em linha */
    padding: 50px 50px; /* Preenchimento interno dos botões */
    font-size: 16px; /* Tamanho da fonte nos botões */
    cursor: pointer; /* Muda o cursor ao passar o mouse sobre os botões */
    text-align: center; /* Centraliza o texto nos botões */
    text-decoration: none; /* Remove sublinhado do texto dos botões */
    outline: none; /* Remove o contorno ao clicar no botão */
    color: #fff; /* Cor do texto dos botões */
    background-color: #0b9810; /* Cor verde para os botões */
    border: none; /* Remove borda dos botões */
    border-radius: 15px; /* Arredonda os cantos dos botões */
    box-shadow: 0 9px #096e0c; /* Sombra do botão */
    transition: background-color 0.3s ease; /* Transição suave para a cor de fundo */
    margin: 0 10px; /* Espaçamento entre os botões */
}

/* Estilo para botões ao passar o mouse */
.button:hover {
    background-color: #0a7a0e; /* Cor verde mais escura no hover */
}

/* Estilo para botões ao clicar */
.button:active {
    background-color: #0a7a0e; /* Cor ao clicar (opcional, pode ser removido) */
    box-shadow: 0 5px #666; /* Sombra do botão ao clicar */
    transform: translateY(4px); /* Move o botão para baixo ao clicar */
}

/* Estilo para listas */
ul {
    list-style-type: none; /* Remove os marcadores padrão da lista */
    padding: 0; /* Remove o preenchimento padrão da lista */
}

/* Estilo para itens da lista */
li {
    margin: 10px 0; /* Espaçamento entre os itens da lista */
}

.navbar{
    background-color: #0a7a0e;
    color: #FFF;
    font-size: 1.2em;

}
.navbar-nav .active a, .navbar-nav a:focus, .navbar-nav a:hover{
    color: #FFF;
    background-color: #0a7a0e;
}
.navbar-nav a{
    color: grey;
}