.flameborder{transform-style:preserve-3d;z-index:1;position:relative}.flameborder:before,.flameborder:after{content:"";background-size:400%;background-image:var(--flame-gradient);z-index:-1;border-radius:.75rem;width:calc(100% + 4px);height:calc(100% + 5px);animation:20s linear infinite steam;position:absolute;top:-2px;left:-2px;transform:translateZ(-1px)}@keyframes steam{0%{background-position:0 0}to{background-position:400% 0}}.flameborder:after{filter:blur(var(--flame-blur))}.flameborder:hover:after{filter:blur(calc(var(--flame-blur) + 20px))}
article.frog{background-color:#8bb734;border-radius:100%;width:225px;height:225px;position:absolute;top:-90px;right:-25%;scale:.175}article.frog .eye_right,article.frog .eye_left{background-color:#8bb734;border-radius:100%;width:100px;height:100px;position:relative}article.frog .eye_right{bottom:35px;left:120px}article.frog .eye_left{bottom:135px;left:5px}article.frog .pupil_left,article.frog .pupil_right{background-color:#000;border:10px solid #f8f8ff;border-radius:100%;width:50px;height:50px;animation:3s infinite eye-move;position:absolute;top:20px;left:25px}article.frog .mouth{background-color:#9fc456;border-radius:0 0 100px 100px;width:175px;height:100px;position:relative;bottom:140px;left:25px}article.frog .backleg_right,article.frog .backleg_left{z-index:-1;background-color:#7ba52f;border-radius:100%;width:80px;height:80px;position:relative}article.frog .backleg_right{bottom:180px;left:170px}article.frog .backleg_left{bottom:260px;right:25px}article.frog .foot_left,article.frog .foot_right{background-color:#7ba52f;border-radius:100%;width:70px;height:30px;position:absolute;top:55px}article.frog .foot_right{left:40px}article.frog .foot_left{right:40px}article.frog .frontleg_right,article.frog .frontleg_left{background-color:#7ba52f;border-radius:100%;width:30px;height:30px;position:relative;bottom:285px}article.frog .frontleg_right{left:135px}article.frog .frontleg_left{bottom:315px;left:65px}
.tail{transform-origin:top;background-color:#fff;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%)}.tail-segment{background-color:inherit;transform-origin:top;width:100%;height:100%;animation:3.5s ease-in-out infinite wag;position:absolute;top:90%}.tail-segment:first-child{animation-delay:0s}.tail-segment:nth-child(2){animation-delay:.1s}.tail-segment:nth-child(3){animation-delay:.2s}.tail-segment:nth-child(4){animation-delay:.3s}.tail-segment:nth-child(5){animation-delay:.4s}.tail-segment:nth-child(6){animation-delay:.2s}.tail-segment:nth-child(7){animation-delay:.1s}article.cat{aspect-ratio:1;width:80px;font-size:.6vmin;position:absolute;top:-55px;right:5%}article.cat *,article.cat :before,article.cat :after{box-sizing:border-box;position:absolute}article.cat #alt{width:1px;height:1px;overflow:hidden}article.cat .ear-big{aspect-ratio:1;background-color:pink;border:5px solid #fff;border-radius:5% 90% 10% 80%;width:50%}article.cat .ear-big.right{right:0;scale:-1 1}article.cat .head-big{aspect-ratio:1.1;background:linear-gradient(#0003,#0000 50%),#fff;border-radius:100%/125% 125% 80% 75%;width:80%;left:50%;translate:-50%}article.cat .head-big .whisker-big{clip-path:polygon(100% 0,100% 100%,0 30%,0 0);border:2px solid #fff;border-radius:50%;width:15px;height:10px}article.cat .head-big .whisker-big:first-child{top:70%;translate:-65%;scale:-1 1}article.cat .head-big .whisker-big:nth-child(2){top:80%;translate:-40%;rotate:-20deg;scale:-1 1}article.cat .head-big .whisker-big:nth-child(3){top:70%;right:0%;translate:65%;rotate:10deg}article.cat .head-big .whisker-big:nth-child(4){top:80%;right:0;translate:40%;rotate:24deg}article.cat .head-big .nose-big{background:pink;border-radius:50%;width:10%;height:7%;top:78%;left:50%;translate:-50% -50%}article.cat .head-big .eye-big{aspect-ratio:1;background:#fff;border:.1px solid pink;border-radius:50%;width:30%;transition:transform .1s linear;top:55%;translate:-55% -55%}article.cat .head-big .eye-big:after{content:" ";background:#00f;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;right:50%;transform:translate(50%)}article.cat .head-big .eye-big.left{left:25%}article.cat .head-big .eye-big.right{left:75%}@keyframes wag{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes eye-move{0%{transform:scaleY(1)}5%{transform:scaleY(0)}10%,to{transform:scaleY(1)}}