.rabbit-container{margin:5rem}.rabbit{z-index:1;background:#d1d1d1;border-radius:70% 90% 60% 50%;width:5em;height:3em;animation:1s linear infinite hop;position:relative;transform:rotate(0)translate(-2em);box-shadow:-.2em 1em 0 -.75em #b78e81}.no-flexbox .rabbit{margin:10em auto 0}.rabbit:before{content:"";background:#fff;border-radius:100%;width:1em;height:1em;animation:1s linear infinite kick;position:absolute;top:.5em;left:-.3em;box-shadow:4em .4em 0 -.35em #3f3334,.5em 1em #fff,4em 1em 0 -.3em #fff,4em 1em 0 -.3em #fff,4em 1em 0 -.4em #fff}.rabbit:after{content:"";background:#fff;border-top:1px solid #f7f5f4;border-left:1px solid #f7f5f4;border-radius:50% 100% 0 0;width:.75em;height:2em;position:absolute;top:-1em;right:1em;transform:rotate(-30deg);box-shadow:-.5em 0 0 -.1em #fff}.clouds{opacity:0;background:#fff;border-radius:100% 100% 0 0;width:2em;height:2em;animation:1s linear infinite forwards cloudy;position:relative;top:-5em;transform:translate(0);box-shadow:5em 2em 0 -.3em #fff,-2em 2em #fff}.clouds:before,.clouds:after{content:"";position:absolute;box-shadow:5em 2em 0 -.3em #fff,-2em 2em #fff}.clouds:before{background:#fff;border-radius:100% 100% 0;width:1.25em;height:1.25em;bottom:0;left:-30%}.clouds:after{background:#fff;border-radius:100% 100% 100% 0;width:1.5em;height:1.5em;bottom:0;right:-30%}@keyframes hop{20%{transform:rotate(-10deg)translate(1em,-2em);box-shadow:-.2em 3em 0 -1em #b78e81}40%{transform:rotate(10deg)translate(3em,-4em);box-shadow:-.2em 3.25em 0 -1.1em #b78e81}60%,75%{transform:rotate(0)translate(4em);box-shadow:-.2em 1em 0 -.75em #b78e81}}@keyframes kick{20%,50%{box-shadow:4em .4em 0 -.35em #3f3334,.5em 1.5em #fff,4em 1.75em 0 -.3em #fff,4em 1.75em 0 -.3em #fff,4em 1.9em 0 -.4em #fff}40%{box-shadow:4em .4em 0 -.35em #3f3334,.5em 2em #fff,4em 1.75em 0 -.3em #fff,4.2em 1.75em 0 -.2em #fff,4.4em 1.9em 0 -.2em #fff}}@keyframes cloudy{40%{opacity:.75;transform:translate(-3em)}55%{opacity:0;transform:translate(-4em)}90%{transform:translate(0)}}