body{font-family:verdana; font-size:12px; letter-spacing:1px; background:#EEEEEE;}
#login{
	width:350px; margin:70px auto; font-weight:bold; 
text-align:center; background:white; padding:50px; border-radius:10px;
}
#login img{
	width:165px; 
	border-radius:10px;
	margin-bottom:20px;
	
	
}

#login .error{
	color:red;
	text-align:center;
}
#login input[type=text]{background:url('../img/look.png') no-repeat; background-size:30px; 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]:focus, #login input[type=password]:focus{outline:none; border-right:0px; border-top:0px; border-left:0px; }
#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:90%;
	margin:4% auto;
	width:80%; 
	padding:100px 7% 0px 7%;
}

}