:root {
    --main-text: #333;
    --main-bg: #fff;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --main-text: #ddd;
      --main-bg: #000;
    }
  }
   
  body {
    color: var(--main-text);
    background-color: var(--main-bg);
  }
  ul {
    list-style: none;
  }
#msg {
  opacity: 0;
  color: #ff0000;
  &.is-active {
    opacity: 1;  
  }
}