/* Comentario */

/* 
nome de uma tag{...}
#nome de uma tag com id{...}
.nome de uma tag com uma classe{...}
 */
*{
	margin: 0;
	padding: 0;
}




/* TIPOGRAFIA */




 h1{
	color: #8b1717;
	font-size: 80px;
	margin-bottom: 10px
}

h2{

font-size: 40px; 
margin-bottom: 10px;
}


h3{
font-size: 25px;
margin-bottom: 10px;
}

p{
color: black;
font-size: 17px;
margin-bottom: 10px;
}




/* CORES */


.cor-a{
	color: red;
}

.cor-b{
	color: #f07d90;
}

.cor-fundo-a{
    background-color: #eebe55;
}


.cor-fundo-b{
	background-color: #e0b462;
}

.cor-fundo-c{
	background-color: #85c485;
}

/* ESTRUTURA */


header{ 
	width: 100%;
background-color: #85c485;
height: 40px;
}



section {
	width: 100%;
}



footer {
	width: 100%;
	background-color: #85c485;
	height: 100px;

}



.container{ 
width: 100%;
max-width: 900px;
margin-left: auto;
margin-right: auto;

}


.grid-12-col{ 
display: grid;
grid-template-columns: repeat(12,1fr);
gap: 20px;
}


.item-12-col{
grid-column: span 12;
}

.item-6-col {
	grid-column: span 6;
}

.item-4-col {
	grid-column: span 4;
}

.item-3-col {
	grid-column: span 3;
}


/* Margens e Paddings */



.padding-grande{
	padding: 80px;
}

.padding-medio{
	padding: 50px;
}

.padding-pequeno{
	padding: 30px;
}