/* Comentario */

/* 
nome de uma tag{...}
#nome de uma tag com id{...}
.nome de uma tag com uma classe{...}
 */








/* TIPOGRAFIA */


.titulo-a {
	color: #000000;
	font-size: 40px;
	margin-bottom: 16px;
}

.titulo-b {
	color: #000000;
	font-size: 30px;
	margin-bottom: 16px;
}


.titulo-c {
	color: #000000;
	font-size: 20px;
	margin-bottom: 16px;
}



.texto {
	color: #000;
	font-size: 10px;
}


/* CORES */


.cor-a {
	color: rgb(183, 183, 8);
}


.cor-b {
	color: rgb(25, 64, 100);
}






/*ESTRUTURA*/


header {
	width: 100%;
	border: solid 3px rgb(129,
		209,
		218);
	background-color: rgb(0, 51, 255);
	margin-right: auto;
	margin-left: auto;
height: 100px;

}

section {
	width: 100%;
		border: solid 3px rgb(129, 209, 218);
			background-color:rgb(129, 209, 218);

}

footer {
	width: 100%;
	border: solid 3px rgb(129, 209, 218);
	background-color: rgb(129, 209, 218);;
	height: 100px;

}


.container {
	width: 100%;
	max-width: 900px;
	background-color: rgb(129, 209, 218);
	margin-right: auto;
	margin-left: auto;
}

.grid-12-col{
display: grid;
grid-template-columns: repeat(12,1fr);
background-color: color rgb(129, 209, 218);
}


.item-12-col{
grid-column: span 12;
background-color: rgb(129, 209, 218);
}

.item-6-col {
grid-column: span 6;
border: solid 3px rgb(129, 209, 218);
}


.item-3-col {
grid-column: span 4;
border: solid 3px  rgb(184, 240, 254);
background-color:rgb(184, 240, 254); ;
}


.item-4-col {
grid-column: span 3;
border: solid 3px rgb(184, 240, 254);
background-color: rgb(184, 240, 254)
}