*                                               {box-sizing:border-box;}
body                                            {background:url(../images/login.jpg) left center no-repeat; background-size:cover; display:flex; position:relative; padding:20px;}

#login                                          {background:#fff; width:100%; border-radius:0px 15px 15px 0px; max-width:400px; padding:40px 40px 60px; margin:auto; transform:translateX(175px); position:relative; box-shadow:0px 20px 30px rgba(0,0,0,0.15); }
#login:before                                   {content:''; background:url(../images/login-form.jpg) center top no-repeat; border-radius:15px 0px 0px 15px; background-size:cover; width:350px; bottom:0; right:100%; top:0; position:absolute; box-shadow:0px 20px 30px rgba(0,0,0,0.15); }
#login h1 a                                     {background:url(../images/logo.png) center top no-repeat; background-size:100% auto; width:110px; height:110px; margin-bottom:20px;}
#login a:hover                                  {color:#0f2fad !important;}
#login a:focus                                  {box-shadow:none !important;}
#login form                                     {margin:0; padding:0; border:none; overflow:visible; background:none; box-shadow:none; }
#login form input[type="text"],
#login form input[type="email"],
#login form input[type="password"]              {border:1px solid #ddd; border-radius:3px; padding:10px 10px; font-size:16px; margin:0; box-shadow:none;} 
#login form input[type="text"]:focus,
#login form input[type="email"]:focus,
#login form input[type="password"]:focus        {border-color:#999;} 
#login form p,          
#login form .user-pass-wrap                     {margin:0 0 15px; float:none;}
#login .button.wp-hide-pw                       {padding: 7px 9px; color:#999;}
#login form p.submit input                      {float:none; border-radius:50px; border:none; font-weight:600; font-size:15px; padding:5px 15px; width:100%; background:#0f2fad; transition:all 0.3s ease;}
#login form p.submit input:hover                {background:#0c299c;}
#login #nav                                     {padding:0;}
#login #backtoblog                              {display:none;}
.login .privacy-policy-page-link                {text-align: left; width: 100%; margin: 20px 0 0; }
.login-action-login #login .message.register    {display:none;}
.login-action-register .notice.notice-info.message.register{display:none;}

@media screen and (max-width:800px) {
    #login                                      {padding: 40px; transform:none; border-radius:10px;}
    #login::before                              {display: none;}
    
}