@import 'buttons.css';
@import 'list.css';

*{
	padding: 0;
	margin: 0;
	font-family: sans-serif;
}

a{
	text-decoration: none;
}

main{
	min-height: 100vh;
	background-image: linear-gradient(to top, #67a4e6, #c0d7f0);
}

.img-logo{
	width: 150px;
	margin: 10px;
}

.bg-pag{
	background-color: #c4ebff;
}

.container{
	display: flex;
	flex-flow: wrap;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.center{
	text-align: center;
}

.box-menu{
	width: 200px;
	height: 50px;
	margin: 20px;
	border-radius: 10px;
	background-color: #003F84;
	color: white;
	box-shadow: 1px 1px 10px grey;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
}

.box-details{
	width: 600px;
	flex-flow: wrap;
	padding: 10px;
	text-align: left;
	display: flex;
	justify-content: space-between;
}

.foto-aluno-detalhes{
	width: 150px;
	height: 200px;
	object-fit: cover;
	margin: 20px;
	border: 2px solid black;
	border-radius: 5px;
}

@media print{

	.bt-padrao{
		display: none;
	}


}

@page{
	size: A4;
	margin: 1cm;
}

.bordas-menu{
	border: 3px solid #003F84;
	padding: 20px;
	margin: 20px;
	border-radius: 20px;
}

.box-statistic{
	width: 280px;
	height: 80px;
	border-radius: 10px;
	border: 3px solid #003F84;
	display: flex;
	padding: 5px;
	justify-content: center;
	align-items: center;
	margin: 10px;
}

.box-statistic img{
	width: 50px;
	margin: 10px;

}

.box-statistic h2{
	font-size: 14pt;
}

.logo-main{
	width: 180px;
	margin: 20px;
}

.bg-azul-um{
	background-color: #adcaed;
}

.bg-azul-um h1{
	margin: 10px;
}

.bg-azul-um h2{
	margin: 10px;
}

.bg-azul-um p{
	margin: 5px;
	line-height: 1.5em;
}




.bg-azul-dois{
	background-color: #1AA1D8;
}

.galeria{
	display: flex;
	flex-flow: wrap;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.galeria div{
	margin: 10px;
	border: 2px solid darkblue;
	border-radius: 10px;
	width: 150px;
	height: 250px;
}

.galeria img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.img-social{
	width: 40px;
	margin: 10px;
}

.creditos{
	color: black;
	font-size: 10pt;
	margin: 20px;
}

.text-atencao{
	color: red;
}