.claro:root{
	/*--logo: rgb(32, 32, 73);*/ 
	--opacidade-hr: 0.2;

	--padrao: 63, 63, 116;
	--fundo-card: rgb(252, 252, 252);
	--fundo-body: rgba(246, 246, 246, 0.96);
	--fundo-body-rgb: 246, 246, 246;
	--hover: rgba(230, 230, 230, 0.60);
	
	--destaque: #e80f7b;

	--opacidade-fraca: 0.3;
	--opacidade-media: 0.4;
	--opacidade-forte: 0.5;
	
	--footer-texto: #db9106;
	--footer-matematica: #39187a;
	--footer-jogos: #b628a1;
	
	--texto-texto: white;
	--texto-matematica: white;
	--texto-jogos: white;
/*
	.color1 { #079ea6 };
.color2 { #f5be58 };
.color3 { #f0077b };
.color4 { #1e0c42 };
.color5 { #e3e0b3 };*/
}
.escuro:root{
	--opacidade-hr: 0.2;
	--padrao: 241, 243, 245;
	
	--fundo-card: rgb(40, 40, 40, 0.9);
	--fundo-body: rgba(15, 15, 15, 1);
	--fundo-body-rgb: 15, 15, 15;
	--hover: #3a3a3a;

	--destaque: #f1a2c9;
	--divAtiva: #a58b8ba2;

	--opacidade-fraca: 0.1;
	--opacidade-media: 0.2;
	--opacidade-forte: 0.3;
	
	--footer-texto: #329434;
	--footer-matematica: #323e94;
	--footer-jogos: #b628a1;
	
	--texto-texto: white;
	--texto-matematica: white;
	--texto-jogos: white;
	/*
	.color1 { #f8db7e };

	*/
}
#carrega_tela{
	background-color: var(--fundo-body);
	height: 100vh;
	width: 100vw;
	position: fixed;
	z-index: 1000;
}
#loadingBar{
	position: absolute;
	background-color: var(--destaque);
	left: -25vw;
	height: 3px;
	width: 50vw;
	opacity: 1;
}