@import "../../../sass/styles.scss";
.landing {
  margin: 50px;
  border: solid 1px #ccc;
  padding: 50px;

  a {
    color: teal;
  }

  code div {
    margin: 5px 0 !important;
    line-height: 1.2 !important;
    white-space: initial !important;
  }

  label {
    width: 100%;
    margin: 5px 0;
  }

  input[type="text"],
  input[type="password"],
  input[type="email"] {
    width: 100%;
    height: 35px;
    margin: 5px 0;
  }

  .form-group,
  .checkbox {
    margin: 10px 15px;
  }
}


::ng-deep { 
.custom-primary {
  color: $global-white;
  @include app-themes {
    background-color: $secondary-color;
    border: 1px solid $secondary-color;
    &:hover:enabled {
      background-color: $grad1-color;
      border: 1px solid $grad1-color;
    }
    &:active:enabled {
      background-color: $grad2-color;
      border: 1px solid $grad2-color;
    }
  }
}
.custom-secondary {
  background-color: $global-white;
  @include app-themes {
    color: $secondary-color;
    border: 1px solid $secondary-color;
    &:hover:enabled {
      background-color: $primary-color;
    }
    &:active:enabled {
      background-color: $grad2-color;
      border: 1px solid $grad2-color;
      color: $global-white;
    }
  }
}
.custom-tertiary {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  @include app-themes {
    color: $secondary-color;
    &:hover:enabled {
      border-bottom-color: $secondary-color;
    }
  }
}
}