:root {
  color-scheme: light;
  --clr-bg: #fff
  --clr-text: #111111
  --clr-accent: #6cb43c;

}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --clr-bg: #0f1115;
    --clr-text: #e9edf5;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --clr-bg: #fff;
  --clr-text: #111111;
  --clr-accent: #6cb43c;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --clr-bg: #0f1115;
  --clr-text: #e9edf5;
}




body {
  background: var(--clr-bg);
  color: var(--clr-text);
  text-rendering: optimizeLegibility;
  /* text-wrap: balance; */
  /* text-align: justify; */
  font-feature-settings: "tnum", "zero";
  font-family: Monaco, Consolas, Ubuntu Mono, monospace;
  padding: 40px;

}

p {
  font-size: 1.25rem;
  max-width: 60ch;
}

.inside-page {
  max-width: 800px
}

.center {
  margin: 0 auto;
}