html {
	font-size: 16px;
    font-family: Helvetica, sans-serif;
}

body {
	background-color: #778899  ;
}
.contenedor {
	max-width: 450px;
	height: auto;
	background-color: #F0F8FF ;
	margin: 60px auto;
	padding-bottom: 8px;
	
}

.titulo {
	width: 100%;
	text-align: center;
	border-top: solid 6px red;
	
}

.titulo h2 {
	font-weight: 300;
	color: black;
	font-size: 22px;
}

h2 span {
	color:#4169E1  ;
}

.formulario {
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.botones {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
}

.input, .boton__submit, .boton__reset{
	background-color: #E0FFFF ;
	padding: 8px;
	border-bottom: solid #C8C8C8 3px;
	border-right: solid #C8C8C8 3px;
	transition: all .5s;
}

.input:focus {
	border-bottom: solid red;
}

.boton__submit, .boton__reset {
	width: 40%;
	border-bottom: none;
	background-color: #ADFF2F ;
	color: black;
}

.boton__reset {
	background-color: #20B2AA  ;
}

.boton__submit:hover {
	background-color: #90EE90 ;
}

.boton__reset:hover{
	background-color: #87CEFA ;
}