body{
	/*background-color: gray;*/
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	flex-direction:column;
}

* {
	font-family:'lato', sans-serif;
	font-family:'open zans' sans-serif;
	font-family: 'PT sans' sans-serif;
	box-sizing: border-box;
}

form{
	width: 500px;
	border: 2px solid black;
	padding: 5rem;
	background-color: #5F81D7 ; /*#3852E1*/
	border: none;
	border-radius: 20px;
	color: aliceblue;
	box-shadow: 0px 10px 10px black;
}


label{
	color: aliceblue;
	font-size: 18px;
	padding: 10px;
	font-weight: 300;
}

input{
	display: block;
	border: 2px solid black;
	width: 95%;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
	border: none;
}

         
button {
   background-image: linear-gradient(to right, #16A085 0%, #F4D03F  51%, #16A085  100%);
   margin: 10px;
   padding: 10px 40px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 15px;
   display: block;
   float: right;
   border: none;
 }

button:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

a{
	float: left;
	margin-left: 10px;
	padding: .5rem;
	text-decoration: none;
}
.imagen{
	width: 60%;
	margin-left: 20%;
	margin-right: 39%;
	margin-top: -10%;
}