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

body { 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 	
background-image: url("../images/jaffrey-fire-station.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed; 
background-size: cover; 
font-family: Arial, Geneva, Helvetica, sans-serif;
	
}
.loginBox { 
position: absolute; top: 35%;
left: 50%; transform: translate(-50%, -50%);
width: 350px; height: 480px;
padding: 10px 10px; box-sizing: border-box;
border-radius: 10px;	
/*background: rgba(0,0,0,.5);*/
background: rgba(0,0,0,0.75);		
}

.user { 
width: 100px; height: 100px;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: calc(-100px/2);
left: calc(50% - 50px);
}
h2 { margin: 0; padding: 0 0 20px; color: #efed40; text-align: center; }

.loginBox p { margin: 0; padding: 0; font-weight: bold; color: #fff;
}
.loginBox input { width: 100%; margin-bottom: 20px; 
}
.loginBox input[type="text"],

.loginBox input[type="password"]{ border: none; border-bottom: 1px; 
 outline: none; height: 40px; color: #000000; font-size: 16px;
}

::placeholder { color: rgba(255, 255, 255, .5);}

.loginBox input[type="submit"] { 
border: none; outline: none; height: 40px;
color: #fff; font-size: 16px; background: #D92121;
cursor: pointer; border-radius: 25px;
}
.loginBox a {
color: #fff; font-size: 14px; 
font-weight: bold; text-decoration: none;
}
h1 {

    font-size: 24px;
	color: #ffffff;
	text-align: center;
    text-transform: uppercase;
	text-shadow: 3px 3px #D92121;

}