@use '../tutorial-shared';
@use '../user-shared';

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 16px 24px;
}

.name {
  margin: 0;
  font: var(--mat-sys-headline-small);
  color: var(--mat-sys-on-surface);
}

.roles {
  justify-content: center;
}