:root {
  color-scheme: light dark;
  background-color: var(--pri-col);
}

html {
  overscroll-behavior: none;
}

body {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  height: 100vh;
  width: 100%;
}

code {
  background-color: var(--sec-col);
  padding: 0.5em;
}

hr {
  max-width: 80%;
}

@media (prefers-color-scheme: dark) {
  :root {
    --pri-col: #171717;
    --sec-col: #1f1f1f;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --sec-col: #bbb;
    --pri-col: #eee;
  }
}