One x One 𝖽𝖺𝗇𝖼𝗂𝗇𝗀 𝗐𝗂𝗍𝗁 𝖿𝗂𝗋𝖾 — 𝖼𝗁𝖺𝗋𝖺𝖼𝗍𝖾𝗋𝗌.

[constellation]

[class=background] margin: auto; height: 240px; width: 500px; background: url(https://i.pinimg.com/originals/bb/0e/cc/bb0eccb094dfb7d3ebab6c92c2b99e6b.gif); background-size: cover; background-position: center; box-shadow: 0 0 0.6rem #ffb347, 0 0 1.5rem #ffb347, -0.2rem 0.1rem 1rem #ffb347, 0.2rem 0.1rem 1rem #ffb347, 0 -0.5rem 2rem #ffb347, 0 0.5rem 3rem #ffb347; [/class] [class=sign] width: 500px; height: 240px; text-align: center; line-height: 240px; letter-spacing: 2px; text-transform: uppercase; font-size: 50px; color: #ffb347; text-shadow: 0 0 0.6rem #ffb347, 0 0 1.5rem #fff, -0.2rem 0.1rem 1rem #fff, 0.2rem 0.1rem 1rem #fff, 0 -0.5rem 2rem #fff, 0 0.5rem 3rem #fff; animation: {post_id}shine 2s forwards, {post_id}flicker 3s infinite; [/class] [class=flicker] display: inline-block; animation: {post_id}shine 2s forwards, {post_id}blink 3s 2s infinite; [/class] [class=fastflick] display: inline-block; animation: {post_id}shine 2s forwards, {post_id}blink 10s 1s infinite; [/class] [div class=background][div class=sign][div class=fastflick]d[/div]ancing with [div class=flicker]f[/div]ire[/div]

constellation and moonchild.

[/div] [animation=blink] [keyframe=0] color: #ffb347; text-shadow: 0 0 0.6rem #ffb347, 0 0 1.5rem #fff, -0.2rem 0.1rem 1rem #fff, 0.2rem 0.1rem 1rem #fff, 0 -0.5rem 2rem #fff, 0 0.5rem 3rem #fff; [/keyframe] [keyframe=22] color: #ffb347; text-shadow: 0 0 0.6rem #ffb347, 0 0 1.5rem #fff, -0.2rem 0.1rem 1rem #fff, 0.2rem 0.1rem 1rem #fff, 0 -0.5rem 2rem #fff, 0 0.5rem 3rem #fff; [/keyframe] [keyframe=28] color: #fff; text-shadow: none; [/keyframe] [keyframe=33] color: #fff; text-shadow: none; [/keyframe] [keyframe=36] color: #ffb347; text-shadow: 0 0 0.6rem #ffb347, 0 0 1.5rem #fff, -0.2rem 0.1rem 1rem #fff, 0.2rem 0.1rem 1rem #fff, 0 -0.5rem 2rem #fff, 0 0.5rem 3rem #fff; [/keyframe] [keyframe=75] color: #ffb347; text-shadow: 0 0 0.6rem #ffb347, 0 0 1.5rem #fff, -0.2rem 0.1rem 1rem #fff, 0.2rem 0.1rem 1rem #fff, 0 -0.5rem 2rem #fff, 0 0.5rem 3rem #fff; [/keyframe] [keyframe=82] color: #fff; text-shadow: none; [/keyframe] [keyframe=97] color: #fff; text-shadow: none; [/keyframe] [/animation] [animation=shine] [keyframe=0] color: #ffb347; text-shadow: none; [/keyframe] [keyframe=100] color: #ffb347; text-shadow: 0 0 0.6rem #ffb347, 0 0 1.5rem #fff, -0.2rem 0.1rem 1rem #fff, 0.2rem 0.1rem 1rem #fff, 0 -0.5rem 2rem #fff, 0 0.5rem 3rem #fff; [/keyframe] [/animation] [animation=flicker] [keyframe=0] opacity: 1; [/keyframe] [keyframe=4] opacity: 0.9; [/keyframe] [keyframe=6] opacity: 0.85; [/keyframe] [keyframe=7] opacity: 0.95; [/keyframe] [keyframe=10] opacity: 0.9; [/keyframe] [keyframe=11] opacity: 0.922; [/keyframe] [keyframe=12] opacity: 0.9; [/keyframe] [keyframe=14] opacity: 0.95; [/keyframe] [keyframe=16] opacity: 0.98; [/keyframe] [keyframe=17] opacity: 0.9; [/keyframe] [keyframe=19] opacity: 0.93; [/keyframe] [keyframe=20] opacity: 0.99; [/keyframe] [keyframe=24] opacity: 1; [/keyframe] [keyframe=26] opacity: 0.94; [/keyframe] [keyframe=28] opacity: 0.98; [/keyframe] [keyframe=37] opacity: 0.93; [/keyframe] [keyframe=38] opacity: 0.5; [/keyframe] [keyframe=39] opacity: 0.96; [/keyframe] [keyframe=42] opacity: 1; [/keyframe] [keyframe=44] opacity: 0.97; [/keyframe] [keyframe=46] opacity: 0.94; [/keyframe] [keyframe=56] opacity: 0.9; [/keyframe] [keyframe=58] opacity: 0.9; [/keyframe] [keyframe=60] opacity: 0.99; [/keyframe] [keyframe=68] opacity: 1; [/keyframe] [keyframe=70] opacity: 0.9; [/keyframe] [keyframe=72] opacity: 0.95; [/keyframe] [keyframe=93] opacity: 0.93; [/keyframe] [keyframe=95] opacity: 0.95; [/keyframe] [keyframe=97] opacity: 0.93; [/keyframe] [keyframe=100] opacity: 1; [/keyframe] [/animation]