*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}.ghost{position:relative;display:flex;flex-direction:column;justify-content:center;align-content:center;animation:ghost 5s ease infinite alternate;width:200px;margin:250px auto 100px}.ghost__body{position:relative;width:150px;margin:auto;background:linear-gradient(-45deg,transparent 16px,#1ba1e2 0),linear-gradient(45deg,transparent 16px,#1ba1e2 0);height:150px;border-radius:50%}.ghost__body:before{content:"";display:block;width:150px;height:100px;background:linear-gradient(-45deg,transparent 16px,#1ba1e2 0),linear-gradient(45deg,transparent 16px,#1ba1e2 0);position:absolute;bottom:-20px}.ghost__body:after{content:"";display:block;background:linear-gradient(-45deg,transparent 16px,#1ba1e2 0),linear-gradient(45deg,transparent 16px,#1ba1e2 0);background-size:22px 32px;height:32px;width:150px;position:absolute;bottom:-30px}.ghost__eyes{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:30%;-webkit-animation:moveEyes 3s infinite alternate ease;animation:moveEyes 3s infinite alternate ease}.ghost__eyes .left-eye,.ghost__eyes .right-eye{width:30px;height:30px;background:#000;border-radius:50%;margin-right:10px}@keyframes moveEyes{0%{-webkit-transform:translateX(10%);transform:translate(10%)}to{-webkit-transform:translateX(90%);transform:translate(90%)}}@keyframes ghost{10%{-webkit-transform:translateY(-30vh);transform:translateY(-30vh)}30%{-webkit-transform:translateX(10vw);transform:translate(10vw)}60%{-webkit-transform:scale(1.3);transform:scale(1.3)}80%{-webkit-transform:translateX(-10vw);transform:translate(-10vw)}to{-webkit-transform:scale(.7);transform:scale(.7)}}