:root{
	--branco: #ffffff;
	--preto: #000000;
	--cinza: #333333;
	
	--roxo: #56505f; /*#4A4453*/
	--verde: #8F978C;
	--amarelo: #E3BCAB;
	--vermelho: #A42E30;
}

@font-face{
	font-family: 'Liberation_Serif_Bold';
	font-style: normal;
	src: url(fonts/Liberation_Serif/LiberationSerif-Bold.ttf) format('truetype');
}

@font-face{
	font-family: 'Julius_Sans_One';
	font-style: normal;
	src: url(fonts/Julius_Sans_One/JuliusSansOne-Regular.ttf) format('truetype');
}

@font-face{
	font-family: 'Courier_Prime_Regular';
	font-style: normal;
	src: url(fonts/Courier_Prime/CourierPrime-Regular.ttf) format('truetype');
}

body{
	visibility: hidden;
	background-color: var(--preto);
	text-align: center;
	min-width: 460px;
}

a{
	text-decoration: none;
	color: var(--vermelho);
	font-weight: bold;
}

p{
	margin: 0.500em;
}

u{
	text-decoration-color: var(--cinza);
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px;

}

.fontLogo{
	font-family: 'Liberation_Serif_Bold', cursive;
	font-size: 60px;
	font-weight: bold;
	color: var(--branco);
}

.fontTitulo{
	font-family: 'Julius_Sans_One', cursive;
	font-size: 32px;
	font-weight: bold;
	color: var(--branco);
}

.fontSubTitulo_branco{
	font-family: 'Julius_Sans_One', cursive;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.250;
	color: var(--branco);
}

.fontSubTitulo_verde{
	font-family: 'Julius_Sans_One', cursive;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.250;
	color: var(--verde);
}

.fontSubTitulo_amarelo{
	font-family: 'Julius_Sans_One', cursive;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.250;
	color: var(--amarelo);
}

.fontSubTitulo_vermelho{
	font-family: 'Julius_Sans_One', cursive;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.250;
	color: var(--vermelho);
}

.fontComplemento_branco{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.500;
	color: var(--branco);
}

.fontComplemento_verde{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.500;
	color: var(--verde);
}

.fontComplemento_amarelo{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.500;
	color: var(--amarelo);
}

.fontComplemento_vermelho{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.500;
	color: var(--vermelho);
}

.fontDescricao{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.500;
	color: var(--roxo);
}

.fontPais{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.500;
	color: var(--roxo);
}

.fontInstrucao{
	font-family: 'Julius_Sans_One', cursive;
	font-size: 16px;
	font-weight: bold;
	color: var(--amarelo);
}

.fontCronometro{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.250;
	color: var(--preto);
	
	background-color: var(--roxo);
	padding: 2px 0px 0px 0px;
}

.fontErro{
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.500;
	color: var(--vermelho);
}


.pagina_table{
	border: solid 1px var(--preto);
	background: rgba(0.0 , 0.0, 0.0, 0.5);
	border-radius: 10px;
	padding: 10px;
	width: 100%;
	min-width: 460px;
	max-width: 920px;
}

.banner_table{
	border-bottom: solid 1px var(--vermelho);
	background: var(--preto);
	border-radius: 10px;
	width: 100%;
}

.inscricao_table{
	width: 400px;
	min-width: 400px;
	padding: 10px;
}

.formulario{
	background-color: var(--preto);
	border: solid 2px var(--vermelho);
	border-radius: 0px;
	padding: 10px;
	width: 380px;
	max-width: 380px;
	min-width: 380px;
	font-family: 'Courier_Prime_Regular', cursive;
	font-size: 16px;
	font-weight: 0.5;
	color: var(--vermelho);
	text-align: center;
}

.botao {
	font-family: 'Julius_Sans_One', cursive;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.250;
	color: var(--preto);
	
	display: inline-block;
	background-color: var(--vermelho);
	border: 1px solid var(--vermelho);
	border-radius: 25px;
	min-width: 100px;
	padding: 10px;
}

#qrcode{
	width: 390px;
	border-radius: 10px;
}

.acessos{
	vertical-align: middle;
	padding: 5px;
	width: 50%;
}