/* src/app/tab3/tab3.page.scss */
ion-header ion-toolbar {
    --background: var(--ion-color-primary);
    --color: var(--ion-color-light);
  }
  
  ion-content {
    --padding-top: 0;
    --padding-bottom: 0;
  }
  
  .user-info {
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
  
    & .user-details {
      margin-left: 16px;
    }
  
    & h2 {
      font-size: 18px;
      margin: 0;
      color: #333;
    }
  
    & p {
      font-size: 14px;
      margin: 0;
      color: #777;
    }
  }
  
  ion-list {
    margin: 0;
    padding: 0;
  }
  
  ion-item {
    --padding-start: 16px;
    --padding-end: 16px;
  }
  
  ion-card {
    margin: 16px 0;
  }
  
  ion-button {
    margin: 20px 16px;
  }
  .center-title{
    text-align: center;
  }