.background {
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: row wrap;
  align-items: center;
  place-content: center;

  .mat-card {
    max-width: 480px;
    background-color: transparent;
    box-shadow: none;

    .mat-card-title,
    .mat-card-subtitle {
      text-align: center;
    }

    .mat-card-title {
      margin-bottom: 28px;
    }

    .mat-card-content {
      margin-top: 24px;

      .mat-form-field {
        width: 100%;
        margin-bottom: 0;
      }

      .mat-button-base {
        width: 100%;
        padding-top: .25em;
        padding-bottom: .25em;
      }
    }
  }
}