:root {
  color-scheme: light dark;
  --space: 16px;
}

body {
  margin-block: 0;
  margin-inline: auto;
  width: fit-content;
  padding: calc(var(--space) * 2);
  display: flex;
  flex-direction: column;
  gap: var(--space);

  font-family: sans-serif;
  background-color: light-dark(hsl(0 0 98%), hsl(0 0 16%));
}

nav {
  display: flex;
  justify-content: space-around;

  & > a {
    color: light-dark(hsl(100 100% 16%), hsl(100 100% 48%));
    transition: all 100ms ease-in-out;

    &:hover {
      scale: 1.2;
    }
  }
}

h1 {
  font-size: 3rem;
  margin: unset;
}