:root {
  --color-base:#fff;
  --color-text:#000;
  --color-base2:#eee;
  --color-text2:#111;
  --theme: 'light' ; }

@media (prefers-color-scheme: dark) {
  :root {
    --color-base:#000;
    --color-text:#fff;
    --color-base2:#111;
    --color-text2:#eee;
    --theme: 'dark' ; } }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
  justify-content: center;
  flex-direction: column;
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  background: var(--color-base); }
  body h1 {
    font-size: 3.2em;
    line-height: 1.1;
    color: var(--color-text); }
    body h1::after {
      content: var(--theme); }
  body p {
    color: var(--color-text2); }

/*# sourceMappingURL=style.css.map */