@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Bitter');


body {
  color: #fff;
  background-color: #444;
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  
}

#login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	
	width: 80%;
	background: #888;
	border-radius: 8px;
	border: 1px solid #aaa;
	padding: 20px;
}

#login form {
	display: flex;
	width: 100%;
	flex-direction: column;
	padding: 0px;
	margin: 0px;
}

#login input  {
	margin-top: 5px;
	height: 25px;
}

#login input[type="submit"] {
	width: 50%;

	margin-top: 10px;
	padding-top: 3px;
	
	align-self: center;
	height: 35px;
}

.msg {
	
	margin-top: 20px;
	padding: 5px;
	
	font-size: 80%;
	font-weight: lighter;
	
	background: #ccc;
	border-radius: 8px;
	border: 1px solid #aaa;
}

.myButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #eb675e));
	background:-moz-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #eb675e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#eb675e',GradientType=0);
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb675e), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #eb675e 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb675e', endColorstr='#e4685d',GradientType=0);
	background-color:#eb675e;
}
.myButton:active {
	position:relative;
	top:1px;
}


