ion-header {
  ion-toolbar {
    --background: white;
  }
}

ion-content {
  .page_logo{
    text-align: center;
    margin-top: 30px;
  }
  .welcome_lbl {
    font-size: 32px;
    font-family: "bold";
    margin-top: 3rem;
  }

  .simp_lbl {
    margin-top: 16px;
    letter-spacing: 1.2;
  }

  ion-item {
    margin-top: 3.5rem;
    --background: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 24px;

    ion-label {
      font-size: 16px;
    }

    ion-icon {
      font-size: 22px;
    }
  }

  ion-button {
    --border-radius: 40px;
    margin-top: 2.5rem;
    height: 50px;
  }

  .reset {
    margin-top: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;

    ion-icon {
      font-size: 60px;
      margin-bottom: 2rem;
    }

    .code_lbl {
      font-family: "bold";
      font-size: 24px;
    }

    .simp_lbl {
      letter-spacing: 1.2;
    }

    .done {
      height: 50px;
      width: 100px;
    }
  }
}
