body.login {
  background-image: url("https://webgeckos.com/wp-content/uploads/2018/02/webgeckos-wordpress-website-mit-hosting-login.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.login h1 a {
  background-image: url("https://webgeckos.com/wp-content/uploads/2017/08/logo-green.png") !important;
}

.login label {
  color: #fff;
}

.login input[type="text"],
.login input[type="password"]{
  background-color: rgba(0,0,0,0);
  border-color:#fff;
  color: #fff;
  -webkit-border-radius: 4px;
}

.login form {
  background-color: rgba(0,0,0,0.5);
}

.wp-core-ui .button.button-large {
  background-color: #94C11F;
  border: 1px solid #fff !important;
  text-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 38px;
  font-size: 16px;
  font-weight: 500;
  margin-top: -70px;
  transition: background-color 0.7s linear;
}

.wp-core-ui .button.button-large:hover {
  border: 1px solid #fff !important;
  background-color: transparent;
}

.login form .forgetmenot {
  margin-top: 65px;
}

.kleo-facebook-connect.btn.btn-default {
  width: 91%;
  font-size: 16px !important;
  line-height: 32px !important;
  padding: 3px 12px !important;
  height: 34px;
  -webkit-border-radius: 4px;
}

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

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

.login h1 a {
  background-size: 250px !important;
  width: 250px !important;
  height: 120px !important;
}