
body{
	font-family: 'Oleo Script', 
	cursive;background-size: cover;       
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	background-attachment:fixed;

}

.lg{
	width:275px;
	margin:100px auto;
	padding:20px 40px;
	border:1px solid #f4f4f4;
	background:rgba(255,255,255,.5);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0 0 2px #aaa;
	-moz-box-shadow: 0 0 2px #aaa;
	box-shadow: 0 0 2px #aaa;
}
.lg h1{
	font-size:40px;
	text-align:center;
}
.lg > div {
    margin: 10px 5px;
    padding: 5px 0;
    text-align: center;
    display: inline-block;
}
.lg label{
	font-size: 16px;
	line-height: 25px;
  
}
.lg input[type="text"],
.lg input[type="password"]{
	border:1px solid rgba(51,51,51,.5);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding: 5px;
	font-size: 16px;
	line-height: 20px;
	width: 100%;
	font-family: 'Oleo Script', cursive;
	text-align:center;
}
 
.lg .button{
	font-family: 'Oleo Script', cursive;
	font-size: 18px;
	border:1px solid #000;
	padding:5px 10px;
	border:1px solid rgba(51,51,51,.5);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	-webkit-box-shadow: 2px 1px 1px #aaa;
	-moz-box-shadow: 2px 1px 1px #aaa;
	box-shadow: 2px 1px 1px #aaa;
	cursor:pointer;
}
.lg {
    z-box-shadow: 0px 0px 1px #aaa;
    box-shadow: 0px 0px 1px #aaa;
}

.lg .button:hover {
    background: #f4f4f4;
}

.lg .message {
    width: 100%;
    text-align: center
}

.success {
    color: green;
}

.error {
    color: red;
}

.lg span {
	color: red;
}