<css-doodle>

  :doodle {

    @grid: 1x100 / 100vmin;

  }

  @place-cell: center;

  @size: calc(100% - @calc(@index() - 1) * 1%);

  background: hsla(

    calc(calc(100 - @index()) * 2.55), 

    calc(@index() * 1%), 

    65%,

    calc(@index() / 100)

  );

  clip-path: @shape(

    fill-rule: evenodd;

    split: 200;

    scale: .45;

    x: cos(2t) + cos(π - 5t);

    y: sin(2t) + sin(π - 5t);

  );

</css-doodle>