/* --------- Login Area --------- */
body.login div#login h1 a {
    background-image: url("../media/lk-icon.png");
    background-image: none, url("../media/lk-icon.svg");
    background-size: 250px 90px;
    width: 250px;
    height: 90px
}

body.login{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: #202024;
}

body.login form {
    -webkit-box-shadow: none;
    box-shadow: none;
}

body #login{
  width: 300px;
  padding: 0;
}

.login form .input {
  border: none;
}

.login form input[type="text"]:focus, .login form input[type="password"]:focus{
  border: none;
  box-shadow: none;
}

form#loginform{
  background-color: transparent;
  padding: 0;
  margin: 0;
}

form#loginform p label, body.login #nav a, body.login #backtoblog a, .wp-core-ui .button-primary {
  color: #f4f4f4;
}

body.login #nav:hover a, body.login #backtoblog:hover a{
  color: #620d5b;
}

body.login #nav, body.login #backtoblog{
  text-align: center;
  padding: 0;
  width: 300px;
}

.wp-core-ui .button-primary {
    background: #620d5b;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
}
.wp-core-ui .button-primary:hover {
    background: #8e0082;
}

.login #login_error, .login .message {
    border-left: 4px solid #620d5b;
}