Pomoc z kodem CSS

Witam!

Piszę swój projekt do logowania na moim forum Wordpress (mam plik wp-login.php i dołączam do niego plik CSS) i, gdy sprawdzam moje postępy wychodzi mi tylko pomalowany container. Proszę zobaczcie o co chodzi bo się denerwuje! Zamieniłem także to na html i próbowałem na pliku pana Zelenta i nic.

Plik CSS:

body:
{
    background-image: url ("img/hexellence.png");
    font-size: 20px;
    
    
    
}
#container
{
    background-color: #E6F9FF;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 200px;
    width: 500px;
    padding: 65px;
    -webkit-box-shadow: 7px 10px 30px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 10px 30px -1px rgba(0,0,0,0.75);
box-shadow: 7px 10px 30px -1px rgba(0,0,0,0.75);    
    
}

input [type=text],
input [type=password];
{
    width: 500px;
    background-color: #efefef;
    color: #079DDE;
    border: 2px solid #0288C2;
    border-radius: 5px;
    font-size: 20px;
    padding: 10px;
}
input [type=text] :focus ,
input [type=passsword] :focus
{
    border-color: #174fd3;
    background-color: #c1c8ff;
    -webkit-box-shadow: -2px 2px 40px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 2px 40px -4px rgba(0,0,0,0.75);
box-shadow: -2px 2px 40px -4px rgba(0,0,0,0.75);
    color:#4078f9;

    
    
    
}
input [type=submit]:
{
    width: 500px;
    background-color: #2d6cff;
    font-spacing: 3px;
    font-size: 15px;
    padding: 15px 10px;
    color: white;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    
    
    
}
input [type=submit] :focus
{
    background-color: #0550ff;
    -webkit-box-shadow: -2px 2px 40px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 2px 40px -4px rgba(0,0,0,0.75);
box-shadow: -2px 2px 40px -4px rgba(0,0,0,0.75);

 

 

Plik PHP:

Bardzo dziękuję jak by ktoś pomógł!