@charset "utf-8";

.cntr {
	text-align: center;
}
.cntr h1 {
	font-size: 2.7em;
}
.cntr h3 {
	font-size: 1.5em;
	color: var(--cafe);
}

.formulario {
	max-width: 390px;
	margin: 0 auto 90px;
	position: relative;
	animation-duration: 1.3s;
	animation-delay: 0.9s;
}
.formulario input,
.formulario button {
	width: 100%;
	font-family: 'Instrument';
	font-size: 0.9em;
	margin: 0 0 15px;
	padding:12px 18px;
	border-radius: 30px !important;
}
.formulario input {
	color: var(--negro2);
	border: solid 1px var(--cafeClaro);
	transition: all 0.3s ease-in-out;
}
.formulario input:focus {
	border-color: var(--negro2);
}
.formulario button {
	color: var(--blanco);
	background: var(--negro);
}
.formulario button:hover {
	background: var(--negro2);
}

.alerta {
	width: 100%;
	margin: 0 auto 24px;
	color: var(--azulFuerte);
	text-align: center;
	animation-duration: 1.3s;
	animation-delay: 0.9s;
}

@media screen and (max-width:666px) {
	
	.cntr h1 {
		font-size: 2.1em;
	}
	.cntr h3 {
		font-size: 1.2em;
	}
	
}