html,body{
	margin: 0px;
	padding: 0px;
}
.centrar{
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
}
.row{
	display: flex;
	flex-direction: row;
	padding: 5px;
}
.camps{
	width: 96%;
	height: 35px;
	background-color:#d1dce1;
	border: 1px solid #becfd7;
	font-family:Franklin Gothic Demi;
	font-size:22px;
    font-width:bold;
    color:#636f75;

}
.btn1{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70%;
	border-radius: 4px;
	background-color:#1b9cdc;
	padding: 8px;
	margin: 5px;
	font-family:Franklin Gothic Demi;
	font-size:22px;
    font-width:bold;
    color:#edf2f5;
    cursor: pointer;

}
f1{
font-family:"Franklin Gothic Demi Cond";
font-size:26px;
font-width:bold;
color:#1b1616;
}
f2{
font-family:"Franklin Gothic Demi Cond";
font-size:18px;
font-width:bold;
color:#1b1616;
}
f3{
font-family:"Franklin Gothic Demi Cond";
font-size:18px;
font-width:bold;
color:#04b83a;
}
f4{
font-family:"Franklin Gothic Demi Cond";
font-size:14px;
font-width:bold;
color:#979797;
}
f5{
font-family:"Franklin Gothic Demi Cond";
font-size:18px;
font-width:bold;
color:#ffffff;
}
@keyframes slidein {
  from {
  	transform: perspective(500px) scale(1) rotateX(30deg) rotateY(0deg) translateY(-30px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}
a:link{
text-decoration: none;
}
a:visited{
 text-decoration: none;
}