@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');

body{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}

header{
	position: relative;
}

header .flecha{
	position: absolute;
	bottom: 30px;
	left: 50%;
}

header .flecha img{
	width: 50px;
	display: inline-block; 
	animation: .7s down  infinite alternate;
	-webkit-animation: .7s down infinite alternate;
} 
/***Animation Arrow down***/ 
@keyframes down{ 0%{transform:translateY(0px)} 100%{transform:translateY(20px)} } 
@-webkit-keyframes down{ 0%{-webkit-transform:translateY(0px)} 100%{-webkit-transform:translateY(20px)} } 


main .texto-centro{
	font-size: 1.2em;
}

main .formulario{
	color:#ffffff;
	background-image: url(images/fondo-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

main .formulario .aros{
	position: absolute;	
	top:-120px;
	left: -20px;
}

main .formulario .aros img{
	width: 250px;
}

main .formulario .arvejas{
	position: absolute;	
	top:-30px;
	right: -30px;
}

main .formulario .arvejas img{
	width: 210px;
}

footer{
	color:#000;
	background-image: url(images/fondo-1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 0.7em;
}

footer a{
	color:#000;
}