/*Hoja de estilo general*/
body{
	font-family: Arial, sans-serif; /*Define la letra de la pagina completa*/
	background-color: #1F6280;/*Color azul turqueza bajo*/
	height: 100vh; /*ocupa toda la altura visible del navegador*/
	justify-content: center; /*centra el contenido horizontalmente*/
	align-items: center; /*centra el contenido verticalmente*/
	display: flex;
}
/*contenedor Principal*/
.contenedor{
	background-color: white; /*fondo del contenedor principla*/
	padding: 40px; /*Espacio Interno*/
	border-radius: 10px; /*Bordes Redondeados*/
	box-shadow: 0 0 10px rgba(0,0,0,0.1);/*Sombra suave alredeor*/
	max-width: 500 px;
	width: 90%; /*ancho fijo del contenedor*/
	margin: auto;
}
.formulario-login h2{
text-align: center; /*Centra el titulo del formulario*/
margin-bottom: 20px; /*Espacio inferior al titulo*/
color: #9127F5; /*Color de texto del titulo*/
}
.formulario-login input{
	display: block; /*función para que el objeto se muestre*/
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #2731F5;
	border-radius: 15px; /*Redodndea los bordes de los cuadros*/
	box-sizing: border-box; /*Incluye el borde y el padding en el ancho total*/
}
.formulario-login button{
	width: 100%;
	padding: 10px;
	border-radius: 15px;
	background-color: #1CE6A2; /*Fondo boton*/
	color: black; 
	cursor: pointer; /*Cambia el cursror a una manita cuando pasa el mouse*/
	font-weight: bold; /*texto del boton en negrita*/
	transition: background-color 0.3s ease; /*suavizar el cambio de color al pasar el mouse*/
}
.formulario-login button:hover{
	background-color: #00CC8E;/*azul al pasar el mouse*/
}