:root {
  --primary-color: #272736;
  --text-color: #ffffeb;

  /*  Overriding DP DS */
  --body-background: var(--primary-color);
  --body-color: var(--text-color);

  --nav-color: var(--primary-color);
  --nav-background: var(--text-color);

  --a-color: var(--text-color);
}

nav {
  width: 100vw;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

main {
  padding-bottom: 12em;
}

article {
  max-width: 1000px;
  margin: auto;
}

pre {
  padding: 1em;
  padding-left: 2em;
  border: solid;
  border-radius: 1em;
  border-width: 1px;
  border-color: var(--text-color);
  overflow: scroll;
}

.figure > p {
  text-align: center;
}

.question {
  font-style: italic;
}

h1 {
  font-size: 2.0em;
}

.post-link {
  font-family: monospace;
  font-size: 1.25em;
  margin: auto 0;
}

@media (prefers-color-scheme: light) {
  :root {
    --primary-color: #ffffeb;
    --text-color: #272736;
  }
}

@media (max-width: 420px) {
  #app {
    margin-left: 0vw;
    margin-right: 0vw;
  }
}
