body {
  background: #e0a051 url(https://hellochess.io/wp-content/uploads/2023/12/hellochess-home.png) !important;
  background-size: cover !important;
  font-family: 'Jost', sans-serif;
}

#login {
  margin-top:30px;
  padding:0!important;
}

#login h1 a {
  background-image: url("https://hellochess.io/wp-content/uploads/2022/01/logo-hellochess.png") !important;
  width: 100% !important;
  height: 50px !important;
  background-size: 260px !important;
  background-position: center top;
  margin: 0;
}

#login-logo {
  width:320px;
  margin:auto;
}

#login-logo img {
  display:block;
  margin:auto;
  margin-top:30px;
  margin-bottom:-30px;
  width:50%;
  height:50%;
}

.login form {
  border-radius: 3px;
  background: #FFF;
  padding-bottom: 28px;
  border:none;
}

.login label {
  color: #000;
}

.wp-core-ui .button-primary {
  background: #234dd4;
  color: #FFF;
  border: none;
  text-shadow: 0px 0px 0px !important;
}

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

.login #nav {
  text-align: center;
}

.login #nav a:hover {
  color:#000;
}

a.wp-login-register {
  display:none!important;
}

.login form .input, .login form input[type="checkbox"], .login input[type="text"] {
  border-radius: 3px;
  border:1px solid #EAEAEA;
  background: #FFF;
  color: #7A7A7A;
  font-size:15px;
  padding:8px;
}

.login #login_error, .login .message, .login .success {
  margin:50px;
  margin-bottom:0;
  background:transparent;
  color:#FFF;
  border:none;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
  background:#234dd4!important;
}

 .login #backtoblog, p#backtoblog {
  display:none!important;
}

body.login-action-lostpassword #nav, .login .privacy-policy-page-link, body.login-action-lostpassword #login-logo {
  display:none!important;
}

.language-switcher {
  display:none;
}

#retour-acc {
  float:left;
  width:100%;
  text-align: center;
  margin-top: 20px;
  display:none;
}

#retour-acc a {
   display:none;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
}

@media only screen and (min-width: 100px) and (max-width: 836px) {
  #retour-acc {
    display:block;
  }

  #retour-acc a {
     display:block;
    font-size: 13px;
  }
}