form{
  &.user-login-form{
    padding: 2rem;
    background: white;
    width: 100%;
    max-width: 300px;
    margin: auto;
    & > div {
      &:not(:last-child){
        margin-bottom: 2rem;
      }
      .js-form-required{
        margin-bottom: 0;
        font-family: 'Marianneregular';
      }
      label{
        font-size: 0.9rem;
      }
      input{
        border: 2px solid $color2;
        border-radius: 10px;
        padding: 0.5rem;
        width: 100%;
        &:focus{
          border: 2px solid $color1;
          border-radius: 10px!important;
          padding: 0.5rem!important;
          outline: none!important;
        }
      }
      .description{
        font-size: 0.6rem;
        margin-top: 0.4rem;
        font-family: 'Mariannelight';
      }
    }
    #edit-actions{
      display: flex;
      input{
        margin: auto;
        background: white;
        &:hover{
          @include shadow;
        }
      }
    }
  }
}
