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