body {
  &.login {
    background-color: #0b0b0b;
    &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background-size: cover;
    }
    #nav {
      margin: 10px 0 !important;
      padding: 0 0 0 10px !important;
      a {
      font-size: 12px !important;
      width: 130px;
      text-align: center;
      display: inline-block;
      padding: 4px 8px;
      }
    }
    #nav, #backtoblog, #nav {
      a {
        color: white !important;
      }
    }
    #login {
      margin-left: 30px !important;
      h1 a {
        display: none !important;
        background-size: 70px;
        width: 300px;
        background-position: left !important;
        background-repeat: no-repeat !important;
      }
    }
    #wp-submit {
      background-image: linear-gradient(150deg,#999  20%,#999  100%)!important;
      border: none !important;
      text-shadow: none !important;
      border-radius: 7px !important;
      box-shadow: none !important;
      &:hover{
        color: #F1F1F1 !important;
      }
    }
    form{
      border-radius: 20px;
      margin-top: 100px !important;
      .input, input[type=checkbox], input[type=text]{
        border-radius: 8px !important;
      }
    }
  }
  &.wp-core-ui {
    .button-primary {
      color: #ffffff !important;
      border-width: 0px !important;
      border-radius: 49px;
      letter-spacing: 1px;
      text-transform: uppercase !important;
      padding-left: 0.7em;
      font-weight: 300;
      padding: 1px 18px 9px !important;
    }
  }
}
@media screen and (max-width: 782px){
  body {
    &.login {
      #wp-submit {
        padding: 5px 18px 9px !important;
      }
    }
  }
}
#registerform > p:first-child{
  display:none;
}