@reference "../index.scss";

.container {
  @apply flex h-full w-full flex-col items-center px-6 pt-8 md:items-start;
}

#avatar {
  @apply flex aspect-square h-[7rem] flex-col items-center justify-center rounded-full bg-white;
}

.profile_container {
  @apply flex h-full w-full flex-col items-center;
}

.settings_block__buttons {
  @apply flex w-[300px] flex-col gap-10;
}

.header_block__name {
  @apply flex h-fit w-full flex-1 flex-col items-center justify-start gap-3 px-10;
}
.settings_block {
  @apply mt-12 flex h-full w-full flex-col items-center justify-start md:mt-0 md:justify-center;
}