:root {
  --background-body: white;
  --background: #fdd9d7;
  --background-alt: #feeceb;
  --links: #f44336;
  --focus: #f44336;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-body: black;
    --background: #310d0b;
    --background-alt: #180705;
  }
}

a[href^="mailto\:"]:before {
  content: "";
}

a[href^="tel\:"]:before {
  content: "";
}

h1 {
  line-height: 0.9;
}

.postnominals {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: normal;
}

.contact {
  float: right;
  text-align: right;
}

.contact img {
  width: 20px;
}

.linkicons a {
  margin-left: 5px;
}

.linkicons img {
  width: 32px;
}

details {
  background: var(--background);
  border-radius: 6px;
  padding: 0;
  margin-top: 1.5rem;
}

details summary {
  padding: 1rem 1.25rem;
  cursor: pointer;
  font-weight: 600;
  border-radius: 6px;
  margin: 0;
}

details[open] summary {
  border-radius: 6px 6px 0 0;
  margin-bottom: 0;
}

details > *:not(summary) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

details > *:last-child {
  padding-bottom: 1rem;
}

details h2 {
  margin-top: 1.5rem;
}

details ul {
  margin-bottom: 0;
  margin-left: 1.5rem;
}