@use postcss-preset-env {
  stage: 0;
}

body {
  --color-green: #58ba97;
  --color-black: #2c2421;
  --square-size: 400px;

  width: 100%;
  height: 100%;
  background-image: repeating-conic-gradient(
    var(--color-black) 90deg,
    var(--color-green) 90deg 180deg,
    var(--color-black) 180deg 270deg,
    var(--color-green) 270deg
  );
  background-position:
    0 0,
    calc(var(--square-size) / 2) calc(var(--square-size) / 2);
  background-size: var(--square-size) var(--square-size);
}

body {
  height: 500vh;
}