<!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}
.s{width:16cqw;height:16cqw;animation:m 3s cubic-bezier(.87,0,.13,1) infinite}
@keyframes m{0%{border-radius:8%;transform:rotate(0);background:#f5b942;width:16cqw}33%{border-radius:50%;transform:rotate(90deg);background:#1fa38a;width:16cqw}66%{border-radius:999px;transform:rotate(180deg);background:#e1477a;width:32cqw}100%{border-radius:8%;transform:rotate(360deg);background:#f5b942;width:16cqw}}
</style></head>
<body><div class="stage"><div class="s"></div></div></body></html>