.button { 
   width: 150px; 
   padding: 10px; 
   background-color: #FF8C00; 
   box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2); 
   font-weight:bold; text-decoration:none; 
} 

#cover{ 
   position:fixed; top:0; left:0; 
   background:rgba(0,0,0,0.6); 
   z-index:5; 
   width:100%; height:100%; 
   display:none; 
}

#loginScreen {
	height:85%; max-width:600px; width:85%;
    margin-left:2.0rem;	
   	margin-top:1.5rem;
	
	position:absolute;
	 top:0; left:0;
	z-index:10; 
	display:none; 
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(54, 25, 25, .7);

	border:2px solid gold; 
	border-radius:10px; 
} 

#loginScreen:target, #loginScreen:target + #cover{ 
   display:block; 
   opacity:2; 
} 

.cancel { 
   display:block; 
   position:absolute; 
   top:3px; right:2px; 
   background:rgb(245,245,245); 
   color:black; 
   height:30px; width:35px; 
   font-size:30px; 
   text-decoration:none; text-align:center; font-weight:bold; 
} - See more at: http://www.corelangs.com/css/box/fulloverlay.html#sthash.t3WExyTo.dpuf

#loginscreen form {
                width:500px;
                margin:50px auto;
}
#loginscreen .search {
                padding:8px 15px;
                background:rgba(50, 50, 50, 0.2);
                border:0px solid #dbdbdb;
}
#loginscreen .button {
                position:relative;
                padding:6px 15px;
                left:-8px;
                border:2px solid #207cca;
                background-color:red;
                color:gold;
}
#loginscreen .button:hover  {
                background-color:gold;
                color:gold;
}