// .edit-profile {
//     .avatar-container {
//       text-align: center;
//       margin-top: 20px;
  
//       ion-avatar {
//         width: 150px;
//         height: 150px;
//       }
//     }
  
//     ion-item {
//       margin-top: 20px;
//     }
//   }

// .edit-profile {
//     .avatar-container {
//       text-align: center;
//       margin-top: 20px;
  
//       ion-avatar {
//         width: 150px;
//         height: 150px;
//       }
//     }
  
//     ion-item {
//       margin-top: 20px;
//     }
//   }

.edit-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;

  .avatar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;

    .avatar {
      width: 150px;
      height: 150px;
    }
  }

  ion-item {
    margin-top: 20px;

    ion-label {
      margin-bottom: 8px;
    }

    ion-input {
      border-radius: 5px;
      border: 1px solid #ccc;
      padding: 8px;
    }
  }

  .save-button {
    margin-top: 20px;
  }
}