@keyframes floating{0%{transform:translate3d(0,0,0)}45%{transform:translate3d(0,-10%,0)}55%{transform:translate3d(0,-10%,0)}100%{transform:translate3d(0,0,0)}}@keyframes floatingShadow{0%{transform:scale(1)}45%{transform:scale(.85)}55%{transform:scale(.85)}100%{transform:scale(1)}}body{background-color:#f7f7f7}.container{color:#9b9b9b;position:relative;height:85vh;text-align:center}.boo-wrapper{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-top:64px;padding-bottom:64px}.boo{width:160px;height:184px;background-color:#f7f7f7;margin-left:auto;margin-right:auto;border:3.3939393939393945px solid #9b9b9b;border-bottom:0;overflow:hidden;border-radius:80px 80px 0 0;box-shadow:-16px 0 0 2px rgba(234,234,234,0.05) inset;position:relative;padding-bottom:32px;animation:floating 3s ease-in-out infinite}.boo::after{content:'';display:block;position:absolute;left:-18.823529411764707px;bottom:-8.311688311688311px;width:calc(132%);height:32px;background-repeat:repeat-x;background-size:32px 32px;background-position:left bottom;background-image:linear-gradient(-45deg,#f7f7f7 16px,transparent 0),linear-gradient(45deg,#f7f7f7 16px,transparent 0),linear-gradient(-45deg,#9b9b9b 18.823529411764707px,transparent 0),linear-gradient(45deg,#9b9b9b 18.823529411764707px,transparent 0)}.boo .face{width:24px;height:3.2px;border-radius:5px;background-color:#9b9b9b;position:absolute;left:50%;bottom:56px;transform:translateX(-50%)}.boo .face::before,.boo .face::after{content:'';display:block;width:6px;height:6px;background-color:#9b9b9b;border-radius:50%;position:absolute;bottom:40px}.boo .face::before{left:-24px}.boo .face::after{right:-24px}.shadow{width:128px;height:16px;background-color:rgba(234,234,234,0.75);margin-top:40px;margin-right:auto;margin-left:auto;border-radius:50%;animation:floatingShadow 3s ease-in-out infinite}.clipped{top:auto;left:0;background:#f7f7f7;-webkit-transition:-webkit-transform 1.4s ease-in,background .3s ease-in;transition:transform 1.4s ease-in,background .3s ease-in}