html {	
	background-image: url("../images/clouds.jpg");
  background-repeat: no-repeat;
  background-position:top left;
  background-size: 100% 100%;
	
} 
#main {
	width: 100%;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;
}

span {
	color: red;
}

h2 {
	background-color: #FEFFED;
	text-align: center;
	border-radius: 10px 10px 0 0;
	margin: -10px -40px;
	padding: 30px;
}

#login {
	
	border-radius: 10px;
	font-family: raleway;
	border: 2px solid #ccc;
	padding: 10px 40px 25px;
	margin-top: 70px;	
	background-color: #FEFFED;
}

input[type=text], input[type=password], input[type=email] {
	width: 99.5%;
	padding: 10px;
	margin-top: 8px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 16px;
	font-family: raleway;
}

input[type=submit] {
	width: 100%;
	background-color: #FFBC00;
	color: white;
	border: 2px solid #FFCB00;
	padding: 10px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 15px;
}

#profile {
	padding: 50px;
	border: 1px dashed grey;
	font-size: 20px;
	background-color: #DCE6F7;
}

#logout {
	float: right;
	padding: 5px;
	border: dashed 1px gray;
	margin-top: -168px;
}

a {
	text-decoration: none;
	color: cornflowerblue;
}

i {
	color: cornflowerblue;
}

.error_msg {
	color: red;
	font-size: 16px;
}

.message {
	position: absolute;
	font-weight: bold;
	font-size: 28px;
	color: #6495ED;
	left: 262px;
	width: 500px;
	text-align: center;
}