.mainback {
	background-color:#f1f1f1
}
.login {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:100px;
}
.welcome {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top:50px;
}
.white {
	background-color: #fff;
	width: 400px;
	margin: 30px auto;
	padding: 10px;
	font-family: arial;
	font-size: 15px;
	color: gray;
}
.inputs {
	background-color: #f1f3f2;
	font-size: 14px;
	margin: 10px 0;
	border: 1px solid #ddd;
	color: #32373c;
	outline: 0;
	padding: 10px;
}
.inputs:active {
   border: 1px solid #5c8ebe;
}
.inputs:hover {
   border: 1px solid #5c8ebe;
}
input[type=text]:focus {
  background-color: #fff;
}
input[type=password]:focus {
  background-color: #fff;
}
#button {
	border-width: 0;
	border-style: none;
	padding: 10px;
	margin-top: 30px;
	background-color: #5c8ebf;
	color: #fff;
	cursor: pointer;
}
#button:hover {background-color: #24588f}

#button:active {
  background-color: #24588f;
  box-shadow: 0 5px #666;
  transform: translateY(4px);