/* Parameters light */
@media (prefers-color-scheme: light) {
  :root {
    --name-color: #e61515;
    --pronouns-color: #646062;
  }
}

/* Parameters dark */
@media (prefers-color-scheme: dark) {
  :root {
    --name-color: #ee9cc5;
    --pronouns-color: #7c7579;
  }
}

/* Page theme */
main {
  color: var(--font-color);
  font-size: var(--font-size);
  margin-inline: 25%;
  padding: 2em 1em;
}

/* Name header */
.name {
  font-size: 2.2rem;
  color: var(--name-color);
}

.subname {
  margin-top: 0;
  font-size: large;
  margin-bottom: 1.5em;
}

.pronouns {
  font-size: smaller;
  color: var(--pronouns-color);
}

.avatar {
  width: 65px;
  border-radius: 50%;
  float: right;
}

/* Description */
h1 {
  font-weight: 600;
  margin-bottom: 0;
}