<div style="--index: 1">Hello World</div>
<div style="--index: 2">Hello World</div>
<div style="--index: 3">Hello World</div>
<div style="--index: 4">Hello World</div>
<div class="round"></div>
div {
background-color: hsl(
calc(mod(var(--index), 3) * 120),
80%,
70%
);
}
.round {
width: round(100vw / 2, 50px);
height: 100px;
border: 1px solid red;
}