.sneaky-cat{position:fixed;width:150px;left:-150px}.sneak-in-left{left:-150px;animation:sneakInLeft 1s alternate}@keyframes sneakInLeft{0%{transform:translateX(0) rotate(90deg)}50%{transform:translateX(150px) rotate(90deg)}to{transform:translateX(0) rotate(90deg)}}.sneak-in-right{left:unset;right:-150px;animation:sneakInRight 1s alternate}@keyframes sneakInRight{0%{transform:translateX(0) rotate(-90deg)}50%{transform:translateX(-150px) rotate(-90deg)}to{transform:translateX(0) rotate(-90deg)}}.dancing-boy{--speed:2s;width:150px;animation:dancing var(--speed) forwards infinite;z-index:-1}@keyframes dancing{0%{transform:scaleX(1)}34.9%{transform:scaleX(1)}35%{transform:scaleX(-1)}69.9%{transform:scaleX(-1)}70%{transform:scaleX(1)}89.9%{transform:scaleX(1)}90%{transform:scaleX(-1)}to{transform:scaleX(-1)}}html{font-family:cursive,sans-serif}img.preload{display:none}body{background:salmon;color:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw}h1{user-select:none}.heart{position:relative;width:100px;height:90px}.heart.primary{animation:throb 1s infinite alternate}.heart:after,.heart:before{position:absolute;content:"";left:50px;top:0;width:50px;height:80px;background:red;border-radius:50px 50px 0 0;transform:rotate(-45deg);transform-origin:0 100%;box-shadow:-3px 5px 1px #000}.heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%;box-shadow:5px -1px 1px #000}.heart.extra{position:absolute;animation:flyaway 2s forwards;user-select:none}.heart.extra img{height:50px;z-index:1;width:50px;position:absolute;left:25px;top:14px}@keyframes throb{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes flyaway{0%{transform:rotate(var(--angle)) translateX(0) rotate(calc(-1*var(--angle)))}10%{transform:rotate(var(--angle)) translateX(10vw) rotate(calc(-1*var(--angle)))}50%{transform:rotate(var(--angle)) translateX(20vw) rotate(calc(-1*var(--angle)))}to{transform:rotate(var(--angle)) translateX(100vw) rotate(calc(-1*var(--angle)))}}