@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url(menu.css);



*{
  margin: 0;
  padding: 0;
/*  box-sizing: border-box;*/
  font-family: 'Poppins', sans-serif;
/*  font-family: 'Montserrat', sans-serif;*/
}


.verde    {background-color: #99ff99;}
.vermelho {background-color: #ff9999;}
.azul     {background-color: #99cccc;}
.amarelo  {background-color: #ffff66;}

.titulo-pagina, .sub-titulo-pagina{
	text-align: center;
}
.flex-caixas{
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	padding: 5% 0;
}
.caixas{
	justify-content: center;
	padding: 3%;
	text-align: center;
	border: 1px solid gray;
	margin: 10px;
	background-color: #fff;
	width: 200px;
}

.caixas h2{
	size: 35px;
	padding-bottom: 30px;
	color: #222;
}

.caixas img{
	width: 100%;
	align-items: center;
}

.caixas a{
	text-decoration: none;
	color: rgba(0,0,0,.8);
}

.caixas p{
	margin: 10px;
	color: #777;
}

.porcento h1{
	
	font-size: 75px;
}

.caixas:hover {
	opacity: 1;
	/*transform: scale(1.6);*/
	transition: .5s;
	box-shadow: 5px 5px 15px #666;
}

.menu-palavras{
	padding: 5px;
	border: 1px solid gray;
	border-radius: 5px;
}

.menu-palavras:hover{
	background-color: #dedede;
}