@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');

body{background-image: linear-gradient(to right, #E8F1F2 , #f2f3f7);}
.limpador{clear: both;}

h1{color:#1B98E0; font-family: "Exo", sans-serif; }
h2{color:#919fad; font-family: "Exo", sans-serif;}
p{color:#474747;}
a{text-decoration: none;}

.g-recaptcha{
	margin: 0 auto;
	width: 98%;
	height: 75px;
	text-align: center;
	border-radius: 5px;
	background-color: #4e8ef5;
}
.img-index{
	margin: 0 auto;
	width:280px;
	height:250px;
	border-radius: 5px;
}
.centroIndex{
	margin: 0 auto;
     width: 80%;
     text-align: center;
     margin-top: 1%;
     padding: 30px;
     border-radius: 10px;
     font-family: 'Open Sans', sans-serif;
}
.centroIndex p{font-family: "Roboto Mono", monospace;}

.centroLogin{
	margin: 0 auto;
     width: 320px;
     text-align: center;
     margin-top: 20px;
     padding: 6px 20px;
     font-family: 'Open Sans', sans-serif;
}

.imput{
	margin: 0 auto;
	width: 96%;
	height: 49px;
	padding: 5px;
	border: 1px solid #fff;
	border-radius: 10px;
	background-color: #fff;
}

.botaoGrande{
	margin:auto;
	width: 100%;
	height: 60px;
	border-radius: 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	border: none;
  	color: #fff;
	background-color: #1B98E0;
	
}
.botaoGrandeAcessoRapido{
	margin:auto;
	width: 100%;
	height: 60px;
	border-radius: 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	color: #fff;
	background-color: #247BA0;	
}
 #buttonIndex{
	margin:auto;
	width: 280px;
	height: 60px;
	border-radius: 10px;
	border: none;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	color: #fff;
  	font-size: 18px;
	background-color: #1B98E0;
}


@media (max-width: 768px) {

	h1{color:#1B98E0; font-family: "Exo", sans-serif; }
	h2{color:#919fad; font-family: "Exo", sans-serif;}
	p{color:#474747;}

.g-recaptcha{
	margin: 0 auto;
	width: 98%;
	height: 75px;
	text-align: center;
	border-radius: 5px;
	background-color: #4e8ef5;
}
.img-index{
	margin: 0 auto;
	width: 96%;
	height:260px;
	border-radius: 5px;
}
.centroIndex{
	margin: 0 auto;
     width: 80%;
     text-align: center;
     margin-top: 15%;
     padding: 30px;
     border-radius: 10px;
     /*background-color: #f2f3f7;
     box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;*/
     font-family: 'Open Sans', sans-serif;
}
.centroIndex p{font-family: "Roboto Mono", monospace;}

.centroLogin{
	margin: 0 auto;
     width: 320px;
     text-align: center;
     margin-top: 30px;
     padding: 6px 20px;
     font-family: 'Open Sans', sans-serif;
}

.imput{
	margin: 0 auto;
	width: 96%;
	height: 49px;
	padding: 5px;
	border-radius: 10px;
	background-color: #fff;
}

.botaoGrande{
	margin:auto;
	width: 100%;
	height: 60px;
	border-radius: 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	color: #fff;
	background-color: #1B98E0;
	
}
.botaoGrandeAcessoRapido{
	margin:auto;
	width: 100%;
	height: 60px;
	border-radius: 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	color: #fff;
	border: 1px solid #f2f3f7;
	background-color: #247BA0;
	
}
 #buttonIndex{
	margin:auto;
	width: 96%;
	height: 60px;
	border-radius: 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	color: #fff;
  	font-size: 18px;
	border: 1px solid #f2f3f7;
	background-color: #1B98E0;
}

}