@import '@/styles/responsive.scss';

.authLayout {
  display: flex;
  margin: 0 auto;
  height: 100%;

  .authLayout__firstbox {
    flex: 1;
    background: linear-gradient(180deg, #387c44 0%, #296832 100%);
    height: 100%;
    min-height: 100vh;
    overflow: hidden;

    @include tablet {
      display: none !important;
    }
  }

  .authLayout__secondbox {
    flex: 1;

    // padding-top: 900px;
    height: 100%;
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;

    // @include tablet {
    //   padding-top: 925px;
    // }

    @include small-screen {
      // padding-top: 20px;
      height: auto;
    }
  }

  @include tablet {
    flex-direction: column;
  }

  @include small-screen {
    height: auto;
  }
}