*
{
	margin:0;
	padding:0;
}

#logo
{
	margin-top:2%;
	margin-bottom:2%;
}

#login
{
	width:350px;
	margin:0 auto;
	margin-top:2%;
	margin-bottom:2%;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
}

#login h1
{
	background:#E4324C;
	padding:20px 0;
	font-size:140%;
	font-weight:300;
	text-align:center;
	color:#fff;
}

form
{
	background:#32e4ca;
	padding:6% 4%;
}
.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #999999;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #1a5322;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(228, 50, 76, 1.6);
}
.form-control::-moz-placeholder {
  color: #aea79f;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #aea79f;
}
.form-control::-webkit-input-placeholder {
  color: #aea79f;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

input[type="text"], input[type="password"]
{
	width:100%;
	margin-bottom:4%;
	padding:4%;
}

input[type="submit"]
{
	width:100%;
	background:#E4324C;
	margin-top:4%;
	border:0;
	padding:4%;
	transition:background .3s;
	-webkit-transition:background .3s;
}

input[type="submit"]:hover
{
	background:#E4324C;
}