@import "https://unpkg.com/open-props/easings.min.css";
@import "animations.css";
@import "halloween-projection.css" layer(demo);

@layer demo.support {
  * {
    box-sizing: border-box;
    margin: 0;
  }

  html {
    block-size: 100%;
    color-scheme: dark;
  }

  body {
    min-block-size: 100%;
    overflow: hidden;
    font-family: system-ui, sans-serif;

    display: grid;
    place-items: center;

    & > * {
      grid-area: 1 / 1;
    }
  }
}