html, body {
	width: 100%;
	height: 100%;
	margin: 0;
}
#mainWrp {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 5em;
	align-items: center;
	width: 100%;
	height:100%;
background-image: linear-gradient(to right top, #eef2f4, #c7ced2, #a2acb1, #7d8a91, #5b6a73);
}
#mainLogin {
	background: white;
	width: 40em;
	height: 28em;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
	display:flex;
	margin-top: 5em;
	flex-direction: column;
	font-family: 'Lato';
	
}
#mainRegister {
	background: white;
	width: 44em;
	height: 35em;
	margin-top: 2.5em;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
	display:flex;
	flex-direction: column;
	font-family: 'Lato';
}
#mainWrp h3 {
	font-family: 'Lato';
	font-size: 130%;
	letter-spacing: 0.001px;
	font-weight: 600;
}
.loginHeader {
	width: auto;
	padding: 1em;
	color: #555555;
	background: #f5f5f5;
	border-bottom: 1px solid #adadad;
}
label {
	margin-bottom:0.6em;
}
form {
	padding: 1em;
	display:flex;
	flex-direction: column;
}
a {
	text-decoration: none;
	color:#047bf8;
}
#loginError, #registerError {
	color: white;
	padding: 0.8em;
	margin-top: 1em;
	background: rgba(175,40,20,0.7);
	border-radius: 10px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	width: 25em;
	font-size: 82%;
}
#loginSuccess {
	color: white;
	padding: 0.8em;
	margin-top: 1em;
	background: #3a8e27;
	border-radius: 10px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	width: 25em;
	font-size: 95%;
}
#mainLogin form input {
	margin-bottom: 1.3em;
	height:3.6em;
}
#mainRegister form input {
	margin-bottom: 1.1em;
	height: 2.9em;
}
#spanSubmit, .span1 {
	color: white;
	width: auto;
	padding: 0.8em;
	margin-top: 1em;
	text-align: center;
	margin-bottom: 1.1em;
	cursor: pointer;
	background: #047bf8;
}
.input1 {
  padding: 8px;
  border: solid 1px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}
.input1:focus, .input1.focus {
  border: solid 1px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696;
}

.inputError {
  box-shadow: 0px 0px 5px red;
}
.inputSuccess {
  box-shadow: 0px 0px 8px green;
}