kyle{display:block;position:relative;width:100%;height:100%;max-width:640px;margin:auto}kyle #floating-kyle{display:block;position:relative;width:100%;height:auto;z-index:9;padding:2rem 0;animation:floating 6s linear infinite;margin:auto}kyle #floating-kyle g.blink{animation:blinking 5s linear infinite}@keyframes blinking{0%{visibility:hidden}74%{visibility:hidden}75%{visibility:visible}76%{visibility:hidden}98%{visibility:hidden}99%{visibility:visible}to{visibility:visible}}kyle #shadow{display:block;position:absolute;width:60%;height:4rem;background:#d4e3f6;bottom:0;z-index:8;margin:auto;left:0;right:0;translate:-.5rem 2rem;border-radius:100%;filter:blur(5px);opacity:0.5;animation:floating-shadow 6s linear infinite}@keyframes floating{0%,to{transform:translate(0)}25%{transform:translateY(-1rem)}50%{transform:translateY(-2rem)}75%{transform:translateY(-1rem)}}@keyframes floating-shadow{0%,to{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(.8)}75%{transform:scale(.9)}}orbit{margin:auto;position:relative;height:0;perspective:600px;box-sizing:border-box;transform-style:preserve-3d;width:100%}orbit wireframe:nth-of-type(1){animation:4s linear 0s infinite normal none running spinningDevice;transform:translate(-70%)}orbit wireframe:nth-of-type(2){animation:4s linear -2s infinite normal none running spinningDevice;transform:translate(70%)}orbit wireframe:nth-of-type(3){animation:4s linear -1s infinite normal none running spinningDevice;transform:translate(-70%)}orbit wireframe:nth-of-type(4){animation:4s linear -3s infinite normal none running spinningDevice;transform:translate(70%)}@keyframes spinningDevice{0%{transform:rotateY(180deg) translate(200%) rotateY(-180deg)}to{transform:rotateY(-180deg) translate(200%) rotateY(180deg)}}