:root {
  --color-bg: oklch(0.15 0.05 90);
  --color-fg: oklch(0.8 0 0);
  --color-link: oklch(0.8 0.1 90);
  --space: 1em;
}

html {
  background-color: var(--color-bg);
  color: var(--color-fg);
  font-family: monospace;
}

body {
  display: flex;
  justify-content: center;
}

main {
  width: 576px;
}

a {
  color: var(--color-link);
  text-decoration-line: none;
}

.avatar {
  float: left;
  margin-inline-end: 0.5rem;
}

dl {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: var(--space);
}

dt {
  font-weight: bold;

  &::after {
    content: ":";
  }
}

dd {
  margin: 0;
}