.pond{overflow: hidden;position:absolute;width:100vw;height:100vh;opacity:0.3;-webkit-user-select:none;-moz-user-select:none}.frog,.lpad1,.lpad2{width:400px;position:absolute;pointer-events:none}.frog{right:2%;bottom:17%}.lpad1{top:12%;right:16%;-webkit-transform:rotateX(75deg) rotateZ(170deg);transform:rotateX(75deg) rotateZ(170deg)}.lpad2{bottom:2%;left:10%;-webkit-transform:rotateX(70deg) rotateZ(20deg);transform:rotateX(70deg) rotateZ(20deg)}.ripple{border:1px solid rgba(255, 255, 255, 0.7);border-radius:100%;height:0px;position:absolute;-webkit-transition:height 2s linear, width 2s linear, opacity 1s 1s linear, -webkit-transform 2s linear;transition:height 2s linear, width 2s linear, opacity 1s 1s linear, -webkit-transform 2s linear;-o-transition:height 2s linear, width 2s linear, opacity 1s 1s linear, transform 2s linear;transition:height 2s linear, width 2s linear, opacity 1s 1s linear, transform 2s linear;transition:height 2s linear, width 2s linear, opacity 1s 1s linear, transform 2s linear, -webkit-transform 2s linear;width:0px;z-index:-1}.rippleExpand{height:200px;opacity:0;width:650px;-webkit-transform:translateX(-310px) translateY(-75px) scale(1.25);-ms-transform:translateX(-310px) translateY(-75px) scale(1.25);transform:translateX(-310px) translateY(-75px) scale(1.25)}