body {
	margin: 0;
	padding: 0;
	background-image: url("../imagens/imagem-fundo.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.caixa {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.texto {
	font-size: 20px;
}

.entrada {
	padding: 9px 15px;
	font-size: 17px;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: #ADFF2F;
	background-color: #FFFAFA;
}

.botao {
	padding: 14px 35px;
	margin: 20px 0;
	background-color: #ADFF2F;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	width: 14%;
	cursor: pointer;
}

.tabela {
	border-collapse: collapse;
	width: 24%;
}

.tabela, .coluna-cabecalho, .tabela-coluna {
	border: 1px solid;
}

.coluna-cabecalho {
	padding: 8px 6px;
	background-color: #ADFF2F;
}

.tabela-espaco {
	padding: 13px 0;
	background-color: #DCDCDC;
}

.tabela-coluna {
	padding: 8px 6px;
	background-color: #FFFAFA;
}

.tabela-resposta {
	text-align: center;
	width: 50%;
}

.tabela-rodape {
	text-align: center;
	padding: 8px 6px;
	background-color: #ADFF2F;
}

@media screen and (min-width: 280px) and (max-width: 456px) {
	.botao {
		width: 50%;
	}

	.tabela {
		width: 60%;
	}
}

@media screen and (min-width: 457px) and (max-width: 1280px) {
	.botao {
		width: 26%;
	}

	.tabela {
		width: 40%;
	}
}