body{font-family:verdana; font-size:15px; letter-spacing:1px;}
#login{
	width:450px; margin:100px auto; font-weight:bold; 
text-align:center; background:white; padding:50px; border-radius:10px;
}
#login img{
	width:200px; 
	border-radius:10px;
	margin-bottom:20px;
}

#login .error{
	color:red;
	text-align:center;
}
#login input:focus{outline:none; border:none;}
#login input[type=text]{background:url('../img/look.png') no-repeat; background-size:32px; background-position:5px 10px;}
 #login input[type=password]{background:url('../img/pass.png') no-repeat; background-size:25px; background-position:5px 10px;}
#login input[type=text], #login input[type=password]{
	width:90%; padding-left:50px; margin-bottom:20px; border-bottom:1px solid black;border-right:0px; border-top:0px; border-left:0px; height:50px; 
}
#login input[type=text]::placeholder, #login input[type=password]::placeholder{color:black; font-weight:bold;}

#login input[type=submit]{ font-family:verdana; border-radius:10px;
	width:90%; margin:10px 0px; background:black; border:1px solid black;  color:white;height:50px; padding-left:2%; font-size:18px;
}
@media (max-width:500px){
#login{
	height:60%;
	margin:30% auto 20% auto;
	width:95%; 
	padding:50px 0px 50px 0px;
}

}