*
{
	margin:0;
	padding:0;
}

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

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

#login h1
{

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


input[type="text"]
{
	width:100%;
	padding:4%;
	border: 0;
	border-radius: 7px 7px 0 0;
	border-bottom: 1px solid silver;
}

input[type="password"]
{
	width:100%;
	padding:4%;
	border: 0;
	border-radius: 0 0 7px 7px;

}

.btn {
	width: 100%;
	margin-top: 4%;
	border: 1px solid white;
	background: none;
	color: white;
	transition:background .3s;
	-webkit-transition:background .3s;
	font-family: open sans;
	font-weight: bold;
}

.btn:hover {
 background:#2abeef;
}