:root {
  --c-bg: light-dark(white, black);
  --c-fg: light-dark(black, white);
}

body {
  background: var(--c-bg);
  color: var(--c-fg);

  nav {
    display: flex;
    justify-content: space-between;
  }

  ul {
    width: 40dvw;
    margin: auto;
  }

  form {
    display: flex;
    flex-direction: column;
    width: 20dvw;
    margin: auto;

    label,
    button {
      margin-top: 1em;
    }
  }

  #page-switcher {
    display: flex;
    justify-content: center;

    .page-switch-btn {
      margin-right: 2em;
    }
  }
}