:root {
  font-size: 62.5%;
  --fg: #555;
  --h: #444;
  --bg: #fefefe;
  --b: #ccc;
  --p: #000;
  --def: #eee;
}

:root[data-theme="dark"] {
  --fg: #aaa;
  --h: #efefef;
  --bg: #000;
  --b: #333;
  --p: #eee;
  --def: #202020;
}

h1, h2, h3, h4, h5, h6,
a,
button {
  font-family: monospace;
}

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

.nav-links a {
  margin-right: 0.5rem;
}

.project-links {
  margin-top: 0.5rem;
}

.project-links a {
  margin-right: 0.5rem;
}

footer {
  margin-top: 3rem;
}