body {
    background-image: url('4286d3a2fbc6a585e066bfdb3fef2c73.jpg'); /* Caminho para a imagem de fundo */
    background-size: cover; /* Faz a imagem cobrir todo o fundo */
    background-repeat: no-repeat; /* Impede a repetição da imagem */
    background-attachment: fixed; /* Faz com que a imagem fique fixa ao rolar a página */
    color: #fff; /* Define a cor do texto para branco, se necessário */
}
table {
    width: 50%;
    border-collapse: collapse; /* Remove o espaço entre as bordas das células */
    margin: 20px; /* Margem superior e inferior de 20px */
    font-size: 20px; /* Tamanho da fonte */
    text-transform: uppercase; /* Transforma o texto em maiúsculas */
    text-align: left; /* Alinhamento do texto à esquerda */
    background-color: #3ad4e9b2; /* Cor de fundo da tabela */
    border-radius: 20px; /* Bordas arredondadas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra da tabela */
    margin: 0 auto; /* Centraliza a tabela na página */
}
table th,td {
    line-height: normal; /* Altura da linha normal */
    line-height: 0.5; /* Altura da linha */ 
    padding: 12px; /* Espaçamento interno das células */
    text-align: left; /* Alinhamento do texto à esquerda */
    text-align: center; /* Alinhamento do texto ao centro */
    font-size: 20px; /* Tamanho da fonte */
    color: #000; /* Cor do texto */
    background-color: rgba(255, 255, 255, 0.3); /* Cor de fundo das células */
    

}
th,td {
    
    padding: 1%; /* Espaçamento interno das células */
    text-align: left; /* Alinhamento do texto à esquerda */
    text-align: center; /* Alinhamento do texto ao centro */
    font-size: 20px; /* Tamanho da fonte */
}

th { 
    margin: center; /* Centraliza o cabeçalho da tabela */
    background-color: rgb(255, 255, 255, 0.3); /* Cor de fundo do cabeçalho da tabela */
}
h1 {
    color: #3ee6c1; /* Cor do texto */
    font-size: 60px;    /* Tamanho da fonte */
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; /* Fonte do texto */
    text-align: center; /* Alinhamento do texto ao centro */
    margin: 20px; /* Margem superior e inferior de 20px */
    text-shadow: 3px 3px 5px rgb(14, 13, 13); /* Sombra do texto */
}
h2,h3 {
    font-size: 40px; /* Tamanho da fonte */
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;   /* Fonte do texto */
    text-align: center; /* Alinhamento do texto ao centro */
    margin: 30; /* Margem superior e inferior de 20px */
    color: rgb(0, 0, 0); /* Cor de fundo do cabeçalho da tabela */
    text-shadow: 5px 5px 6px rgb(243, 239, 239); /* Sombra do texto */
    font-weight: bold; /* Negrito */   
    
    
}
form {
    font-size: 8px, 8px, 8px, 8px; /* Tamanho da fonte */
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; /* Fonte do texto */
    text-align: center; /* Alinhamento do texto ao centro */
    color: #3ee6c1; /* Cor do texto */
    text-shadow: 2px 2px 4px rgba(122, 237, 245, 0.966); /* Sombra do texto */
    color: rgb(20, 18, 20);  /* Cor do texto */
    margin-bottom: 0px; /* Margem inferior de 40px */
    margin-top: 10px; /* Margem superior de 40px */
    padding: 10px; /* Espaçamento interno do formulário */
    border: 3px solid #3ee6c1; /* Borda da tabela */
    border-radius: 15px; /* Bordas arredondadas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra da tabela */
    width: 20%; /* Largura do formulário */
    margin: 0 auto; /* Centraliza a tabela na página */
    background-color: rgba(255, 255, 255, 0.3); /* Cor de fundo da tabela */
}
label {
    display: block; /* Faz com que o label ocupe toda a largura disponível */
    margin-bottom: 10px; /* Margem inferior de 10px */
    font-size: 20px; /* Tamanho da fonte */ 
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; /* Fonte do texto */
    text-align: center; /* Alinhamento do texto ao centro */
    
}
input {
    color: rgb(17, 19, 19);  /* Cor do texto */
    font-size: 24px; /* Tamanho da fonte */
    padding: 10px; /* Espaçamento interno do formulário */
    margin-bottom: 11px; /* Margem inferior de 20px */
    border: 3px solid #3ee6c1; /* Borda da tabela */
    border-radius: 15%, 15%, 15%, 15%; /* Bordas arredondadas */
    background-color: rgba(255, 255, 255, 0.712); /* Cor de fundo da tabela */
    width: 48%; /* Largura do formulário */
    box-sizing: border-box; /* Inclui o padding e a borda na largura total */
}
button {
    font-size: 20px; /* Tamanho da fonte */
    padding: 10px 20px; /* Espaçamento interno do botão */
    cursor: pointer; /* Muda o cursor para indicar que é clicável */
    background-color: #0f0f0f; /* Cor de fundo do botão */
    border: 2px solid #3ee6c1; /* Borda do botão */
    border-radius: 15px; /* Bordas arredondadas */
    margin: center; /* Centraliza o botão */
    color: #fff; /* Cor do texto do botão */
    
    

}
ul {
    color: rgb(159, 29, 177); /* Cor do texto */
    font-size: 25px; /* Tamanho da fonte */
}
#valorTotal {
    color: rgb(0, 0, 0); /* Cor do texto */
    font-weight: bold; 
    font-size: 30px; /* Tamanho da fonte */
    font-weight: bold; 
    text-align: center; /* Alinhamento do texto ao centro */
    margin-top: 20px;  /* Margem superior de 20px */
    margin-bottom: 20px; /* Margem inferior de 20px */
    padding: 20px; /* Espaçamento interno do formulário */
    border: 2px solid #3ee6c1; /* Borda da tabela */
    border-radius: 15px; /* Bordas arredondadas */
    background-color: rgba(255, 255, 255, 0.808); /* Cor de fundo da tabela */
}