body {
  font-family: Arial;
  background: #f6f6f6;
  padding: 0px;
  margin: 0px;
}

h1,h2,h3,h4,h5,h6,p {
  padding: 0px;
  margin: 0px;
}

.prof-body {
  margin: 30px auto;
  width: 550px;
  background-color: #1b1c27;
  padding: 2rem 0.5rem 2rem 0.5rem;
}

.name {
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: bold;
  color: #e8e8ed;
  display: flex;
}

.profile-picture {
  clip-path: circle(50%);
  display: flex;
}

.theme_dark {
  --legacy-elevation-low: 0 1px 5px 0 var(--opacity-black-28);
  --legacy-elevation-high: 0 2px 10px 0 var(--opacity-black-20);
  --legacy-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6);
}

:root .user-profile-popout {
  --custom-user-profile-banner-height: 105px;
}

.theme-dark, .theme-light {
  --search-popout-option-user-nickname: var(--text-primary);
  --search-popout-option-user-username: var(--text-secondary);
  --search-popout-option-filter-text: var(--text-secondary);
  --search-popout-option-non-text-color: var(--text-muted);
  --search-popout-option-filter-color: var(--text-muted);
  --search-popout-option-answer-color: var(--text-muted);
  --search-popout-date-picker-border: 1px solid var(--border-faint);
  --search-popout-date-picker-hint-text: var(--text-muted);
  --search-popout-date-picker-hint-value-background-hover: var(--opacity-blurple-32);
}