body {
	/*
	tema claro
	Elemento																			Código 	Descrição
	Fundo Principal (Tela/Página)									#FFFFFF	Branco (White) – Cor de fundo predominante.
	Texto Principal (Escuro)											#202124	Um cinza muito escuro/quase preto para o texto primário.
	Cor de Acentuação (Links/Botões)							#1A73E8	O azul primário da Google, usado em botões e links de interação.
	Superfície Secundária (Caixas de Input/Chips)	#F8F9FA	Um cinza muito claro usado para destacar caixas de texto ou chips de sugestão.
	background-color: #dddddd; /* cinza claro 
	color: #202124; /* cinza escuro, quase preto 
	*/

	
    background-color: #202124; /* cinza escuro, quase preto */
    color: #f0f0f0; /* Cinza claro */
	font-size: 80%;
	font-family: verdana, trebuchet, arial, sans-serif;
	font-weight: normal;
	font-style: normal; 
	text-align: center;
	text-decoration: none;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
}
/* Adicione suporte ao Dark Mode para melhor acessibilidade
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212; /* Cinza escuro 
    color: #f0f0f0; /* Cinza claro 
  }
}
 */
h1 {
	font-size: 250%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 80%;
}
h6 {
	font-size: 60%;
}
p {
	font-size: 90%;
}
#bloco {
	margin-top: 5%;
}
#bloco1 {
	margin-top: 5%;
	float: left;
	width: 33%;
}
#bloco2 {
	margin-top: 5%;
	float: left;
	width: 33%;
}
#bloco3 {
	margin-top: 5%;
	float: left;
	width: 33%;
}
#bloco_u {
	width: 99%;
}
#rodape {
	margin-top: 20%;
	font-size: 50%;
}
a {
	color: #f0f0f0; /*#000000;*/
	text-decoration: underline;
}
a:link {
	color: #f0f0f0; /*#000000;*/
}
a:visited {
	color: #f0f0f0; /*#000000;*/
}
a:hover {
	color: #775599;
}