<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
.d{display:flex;gap:1.4cqw}.d i{width:2.4cqw;height:2.4cqw;border-radius:50%;animation:b 1.2s ease-in-out infinite}
@keyframes b{0%,100%{transform:translateY(60%)}50%{transform:translateY(-60%)}}
</style></head>
<body><div class="stage"><div class="d"><i style="animation-delay:0s;background:hsl(150,55%,55%)"></i><i style="animation-delay:0.12s;background:hsl(162,55%,60%)"></i><i style="animation-delay:0.24s;background:hsl(174,55%,65%)"></i><i style="animation-delay:0.36s;background:hsl(186,55%,70%)"></i><i style="animation-delay:0.48s;background:hsl(198,55%,75%)"></i></div></div></body></html>