body{
  background: #F1F1F1;
  background-image: url(hero-example.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  margin: 0 20px;
}
body:after{
  position: fixed;
  z-index: -1;
  content: ' ';
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
#login{
  max-width: 500px;
  min-width: 300px;
  width: 100%;
  z-index: +999999;
}
#login h1 a, .login h1 a {
    background: #fff url(/wp-content/themes/pyronix/images/pyronix.svg);
  max-width: 500px;
  min-width: 300px;
  width: 100%;
    background-size: 230px;
    background-repeat: no-repeat;
    background-position: center 40px;
    padding: 30px 0 40px 0;
  margin:0;
}

  .login form{
    box-shadow: none;
    padding: 20px 60px 60px 60px;
    margin:0;
  }


#login #login_error, .login .message {
    border-left: 4px solid #CF121D;
    margin-bottom: 0;
    padding: 20px;
    background: #efefef;
  }

  #login .button-primary{
        background: #CF121D;
        border: none;
        box-shadow: none;
        text-shadow: none;
  }

    #login .button-primary:hover{
      background: #CF121D;
    }


    #login input[type=text]:focus, input[type=search]:focus, input[type=radio]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, select:focus, textarea:focus{
      border-color: #CF121D;
      box-shadow: 0 0 2px rgb(206, 17, 30);
    }
    .login #backtoblog a, .login #nav a{
      color: #fff;
    }

    .login #backtoblog a:hover, .login #nav a:hover{
      color: #CF121D;
    }