@charset "utf-8";
/* CSS Document */

:root {	
	--fontePadrao: 'Montserrat', sans-serif;
	--corFonte: #121212;
	--corFonteClaro: #555;
	--corPadrao: #305faa;
	--corPadrao2: #e0c337;
	--corErro: #cd1414;

	--tamanhoFonte: 7px;
	--espacoBloco: 50px;

	--backCorpo: #fff;
	--backHTML: #eee;
	--backDestaque: #ccc;
	--backQuadro: rgba(255, 255, 255, .8);
	--backErro: #ffeaea;
}

/* Elementos HTML
/* .............. */

* { 
	color: var(--corFonte);
	font-family: var(--fontePadrao);
}

	html {
		font-size: var(--tamanhoFonte);
		overflow-x: hidden;
	}

		body {
			background: var(--backHTML);
			font-size: 2rem;
		} 

			a { 
				text-decoration: none;
				cursor: pointer;
			}

			pre {
				font-weight: normal;
				white-space: pre-wrap;
			}

			hr {
				border-top: 1px solid var(--backDestaque);
				border-left: none;
				border-right: none;
				border-bottom: none;
			}

/* Títulos e textos
/* ................. */

.txtBranco {
	color: var(--backCorpo);
}

.txtPadrao {
	color: var(--corPadrao);
}

:where(h1, h2, h3) {
	font-family: var(--fontePadrao);
}

h1, h1 * {
	font-size: 6rem;
	line-height: 6rem;
	margin: 0 auto 10rem;
}

h2, h2 * {
	font-size: 4rem;
	line-height: 4rem;
	margin: 0 auto 10rem;
}

h3, h3 * {
	font-size: 3rem;
	line-height: 3rem;
}