@keyframes eye_blink{0%{transform:scaleY(1)}5%{transform:scaleY(0)}6%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes pulpil{0%{transform:translate(0)}20%{transform:translate(5px,-2px)}30%{transform:translate(-2px,2px)}60%{transform:translate(5px,2px)}to{transform:translate(0)}}@keyframes tooltip_on{0%{opacity:0}to{opacity:1}}@keyframes snail{0%{transform:translate(40px)rotateY(0)}45%{transform:translate(-60px)rotateY(0)}50%{transform:translate(-60px)rotateY(-180deg)}95%{transform:translate(40px)rotateY(-180deg)}to{transform:translate(40px)rotateY(0)}}@keyframes ball{0%{transform:translateY(0)}50%{transform:translateY(-40px)}to{transform:translateY(0)}}@keyframes head{0%{transform:rotate(0)}50%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes caud{0%{transform:translate(0)}50%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes shell{0%{transform:rotate(0)}50%{transform:rotate(5deg)}to{transform:rotate(0)}}html,body{box-sizing:border-box;background-color:#fff;width:100%;height:100%;margin:0;padding:0;overflow:hidden}*,:after,:before{box-sizing:inherit}.anim{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tooltip{text-shadow:1px 2px 15px #007241;background-color:#36d792;border-radius:20px;width:100px;height:80px;padding:.4em .2em;animation:3s 1s infinite ball;position:absolute;top:-260px;left:-160px}.tooltip:before{content:"";border:20px solid #0000;border-bottom-color:#36d792;width:0;height:0;position:absolute;top:56px;left:32px}.tooltip:after{content:"";background-color:#36d792;width:2px;height:44px;position:absolute;top:96px;left:50px}.tooltip span{text-align:center;display:block}.tooltip span:first-child{color:#fff;font-size:1.3em}.tooltip span:nth-child(2){color:#fff}.snail{transform-origin:100px bottom;animation:3s linear infinite snail;position:relative;top:-186px;left:-70px}@media screen and (max-width:430px){.snail{top:-140px}}.snail__head{transform-origin:50% 120px;animation:1s linear infinite head}.snail__eye{background-color:#000;border-radius:50%;width:20px;height:20px;position:absolute}.snail__stx{z-index:-1;background:#000;width:2px;height:40px;position:absolute;top:6.66667px}.snail__stx--left{left:16px;transform:rotate(-30deg)}.snail__stx--right{left:44px;transform:rotate(30deg)}.snail__eye--left{animation:2s infinite eye_blink}.snail__eye--right{left:40px}.snail__pupil{background-color:#fff;border-radius:50%;width:9.09091px;height:9.09091px;animation:5s linear infinite pulpil;position:absolute;top:4px;left:4px}.snail__stom{background-color:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:22px;left:-6px}.snail__stom:before{content:"";background-color:#36d792;border-radius:50%;width:22px;height:22px;position:absolute;top:6.66667px}.snail__body-top{background-color:#36d792;border-radius:50% 50% 20% 20%;width:30px;height:80px;position:absolute;top:28px;left:18px;overflow:hidden;transform:rotate(-5deg)}.snail__body-bottom{background:#36d792;border-radius:90% 50% 30%;width:100px;height:40px;position:absolute;top:80px;left:26px;overflow:hidden}.snail__body-caudatum{background:#36d792;border-radius:10% 100% 8% 10%;width:60px;height:26px;animation:1s linear infinite caud;position:absolute;top:94px;left:110px}.snail__shell{transform-origin:bottom;background:#a65f00;border-radius:50%;width:100px;height:100px;animation:1s linear infinite shell;position:absolute;top:-10px;left:54px}.snail__shell:before{content:"";background-color:#ff9200;border-radius:50%;width:70px;height:70px;position:absolute;top:22px;left:22px}.snail__shell:after{content:"";background-color:#ffc373;border-radius:50%;width:50px;height:50px;position:absolute;top:36px;left:36px}.text-content{color:#36d792;text-shadow:1px 2px 15px #007241;font-size:200px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:430px){.text-content{top:46px}}.text-content span{top:-112px}.text-content span:first-child{color:#a65f00;text-shadow:1px 2px 15px #a65f00;animation:3s infinite word_bounce;position:absolute;left:-140px}.text-content span:nth-child(2){color:#ff9200;text-shadow:1px 2px 15px #a65f00;animation:5s linear infinite word_bounce;position:absolute;left:-40px}.text-content span:nth-child(3){color:#ffc373;text-shadow:1px 2px 15px #a65f00;animation:4s infinite word_bounce;position:absolute;left:60px}@keyframes word_bounce{0%{transform:rotate(0)}50%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0)}}