@property --hue{inherits: false; initial-value: 0; syntax: "<number>";}:root{--bg: #e6b319;--stroke: #1a1a1a}*{box-sizing:border-box}body{background:var(--bg);font-family:Open Sans,sans-serif;min-height:100vh;overflow:hidden}h1{--color: hsl(var(--hue), 80%, 60%);text-transform:uppercase;font-size:150px;letter-spacing:.25vmin;position:absolute;margin:0;top:50%;left:50%;line-height:.8;color:var(--color);transform:translate(-30%,-70%) translate(calc(var(--index) * (var(--x, -4) * 1%)),calc(var(--index) * (var(--y, 20) * 1%)));-webkit-text-stroke:1vmin var(--stroke);animation:party 1s calc(var(--index) * -.1s) infinite linear}@keyframes party{to{--hue: 360}}