@charset "utf-8";
/* CSS Document */

h1, a, p{
	
	font-family:Arial, Helvetica, sans-serif;
	
}

a, a:visited{
	color:rgb(153,153,153);
}

body{
background-color:rgb(50,50,50);
margin:0;
}

footer, header {
background-color:black;
text-align: center;	
padding:0.5em;
}

footer {
	display:block;
bottom:0;
position:relative;
}

form { 
margin: 0 auto; 
width:150px;
}

.login {
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
width: 300px;
height: 300px;

}

.logo{

display: block;
margin-left: auto;
margin-right: auto;
}

input{
width:144px;
margin-bottom: 10px;
border: none;
outline: none;
padding:3px;
}

h1 {

font-size: 1em;
margin: .67em 0;
}

p.acces{

color:rgb(153,153,153);	
text-align:center;
font-size:0.8em;

}

.login h1 {
color: #fff;
text-shadow: 0 0 10px rgba(0,0,0,0.3);
letter-spacing: 1px;
text-align: center;

}

.btn, .btn2{
	width:150px;
 	background-color: rgb(21,21,21); 
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color:white;
    text-transform: uppercase;
    height:20px;
	
}
.btn2{

	margin-top:8px;
   
	
}