:root{--hue:223px;--bg:hsl(var(--hue),90%,95%);--fg:hsl(var(--hue),90%,5%);--trans-dur:0.3s;font-size:calc(16px + (24px - 16px) * (690px - 320px) / (1280px - 320px))}.body{background-color:var(--bg);color:var(--fg);font:16px/1.5 sans-serif;height:100px;display:grid;place-items:center;transition:background-color var(--trans-dur)}main{padding:24px 0}.star-sign{width:100px;height:100px}.star-sign__track{stroke:hsl(var(--hue),90%,90%);transition:stroke var(--trans-dur)}.star-sign__worm1,.star-sign__worm2{animation:starWorm1 2s linear infinite}.star-group{animation:rotateStar 4s linear infinite}.star-sign__worm2{animation-name:starWorm2}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),90%,5%);--fg:hsl(var(--hue),90%,95%)}.star-sign__track{stroke:hsl(var(--hue),90%,15%)}}@keyframes starWorm1{0%{stroke-dashoffset:0}50%{animation-timing-function:steps(1);stroke-dashoffset:-358}50.01%{animation-timing-function:linear;stroke-dashoffset:358}to{stroke-dashoffset:0}}@keyframes starWorm2{0%{stroke-dashoffset:358}50%{stroke-dashoffset:0}to{stroke-dashoffset:-358}}