base.css

:root {
  --bfh-color-light: #82acd7;
  --bfh-color-main: #4b647d;
  --bg-color-dark: #0c0f19;
}

body {
  color: var(--bfh-color-main);
  font-family: Source Sans Pro, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol,
    "Noto Color Emoji";
}

header {
  display: flex;
  border-bottom: solid 0.2rem var(--bfh-color-main);
  padding-inline: 5rem;
  padding-block: 0.5rem;
}

a {
  text-decoration: none;
  color: var(--bfh-color-main);
}

.circle {
  margin-left: 2rem;
  color: var(--bfh-color-main);
}

.title {
  text-align: center;
}

.content {
  padding-block: 2rem;
}

.Info {
  font-size: small;
  padding-inline: 6rem;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: var(--bg-color-dark);
    color: white;
  }

  a {
    color: var(--bfh-color-light);
  }
}