body {
  // Remove the default margin in browsers
  margin: 0;
}

#site-title {
  color: $accent-color;
  @media (prefers-color-scheme: dark) {
    color: $accent-color-dark;
  }

  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -1px;

  &:hover,
  &:focus {
    outline: 0;
    color: $accent-inverted;
    background-color: $accent-color;

    @media (prefers-color-scheme: dark) {
      color: $accent-inverted-dark;
      background-color: $accent-color-dark;
    }
  }
}