@import '~styles/mixins';

.Login {
  font-size: 0;
  .login-wrapper {
    @include notLogguedScreen;
  }
  .social-login-wrapper {
    max-width: 330px;
    margin: 0 auto 50px auto;
    text-align: center;
    border-bottom: solid 2px $color-light-grey;
    padding-bottom: 30px;

    .social-items {
      max-width: 180px;
      margin: 30px auto 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
    }
  }

  .bottom-login {
    width: 100%;
    max-width: 100%;
  }
}
