<css-doodle>
  :doodle {
    @grid: 5x8 / 100% 100vh;
  }
  :after {
    content: "@index()"
  }
  @even {
    background: #f36;
  }
  @odd {
    background: #60569e;
  }
  margin: .5rem;
  color: #fff;
</css-doodle>

body {
  width: 100vw;
  height: 100vh;
  background: #0a0c27;
}