.one .shape[data-v-ff4ae3ec]{animation:one-ff4ae3ec 4s infinite ease-out}.one .surface[data-v-ff4ae3ec]{background:#000;height:10em;width:1em;position:absolute;top:calc(50% - 4em);left:calc(50% + 10em)}@keyframes one-ff4ae3ec{0%,15%{opacity:0}15%,25%{transform:none;animation-timing-function:cubic-bezier(1,-1.92,.95,.89);width:4em;height:4em;top:calc(50% - 2em);left:calc(50% - 2em);opacity:1}35%,45%{transform:translate(8em);height:6em;width:2em;top:calc(50% - 3em);animation-timing-function:linear;opacity:1}70%,to{transform:translate(8em) translateY(5em);height:6em;width:2em;top:calc(50% - 3em);opacity:0}}.ten .shape[data-v-84c35004]{animation:ten-84c35004 4s infinite linear;transform-origin:50% 8em;top:calc(50% - 6em)}@keyframes ten-84c35004{0%,10%{transform:none;animation-timing-function:cubic-bezier(.87,-1.05,.66,1.31)}40%{transform:rotate(-45deg) scale(2);animation-timing-function:cubic-bezier(.16,.54,0,1.38)}70%,to{transform:rotate(360deg) scale(1)}}.eleven .shape[data-v-5157db24]{background:none;border:none;perspective:400px;perspective-origin:center}.eleven .shape .container[data-v-5157db24]{animation:eleven-5157db24 4s infinite cubic-bezier(.6,-.44,.37,1.44);transform-style:preserve-3d}.eleven .shape span[data-v-5157db24]{display:block;position:absolute;opacity:1;width:4em;height:4em;border:1em solid #fff;background:#2d97db}.eleven .shape span.front[data-v-5157db24]{transform:translateZ(3em)}.eleven .shape span.back[data-v-5157db24]{transform:translateZ(-3em)}.eleven .shape span.left[data-v-5157db24]{transform:rotateY(-90deg) translateZ(-3em)}.eleven .shape span.right[data-v-5157db24]{transform:rotateY(-90deg) translateZ(3em)}.eleven .shape span.top[data-v-5157db24]{transform:rotateX(-90deg) translateZ(-3em)}.eleven .shape span.bottom[data-v-5157db24]{transform:rotateX(-90deg) translateZ(3em)}@keyframes eleven-5157db24{0%{opacity:0}10%,40%{transform:none;opacity:1}60%,75%{transform:rotateX(-20deg) rotateY(-45deg) translateY(4em)}to{transform:translateZ(-180em) translate(20em);opacity:0}}.twelve .shape[data-v-da7154c9]{background:none;border:none;perspective:400px;perspective-origin:center}.twelve .shape .container[data-v-da7154c9]{animation:show-container-da7154c9 8s infinite cubic-bezier(.6,-.44,.37,1.44);transform-style:preserve-3d;width:4em;height:4em;border:1em solid #fff;background:#2d97db;position:relative}.twelve .item[data-v-da7154c9]{background-color:#1f7bb6;position:absolute}.twelve .item.one[data-v-da7154c9]{animation:show-text-da7154c9 8s .1s infinite ease-out;height:6%;width:30%;top:15%;left:25%}.twelve .item.two[data-v-da7154c9]{animation:show-text-da7154c9 8s .2s infinite ease-out;height:6%;width:20%;top:30%;left:25%}.twelve .item.three[data-v-da7154c9]{animation:show-text-da7154c9 8s .3s infinite ease-out;height:6%;width:50%;top:45%;left:25%}.twelve .item.four[data-v-da7154c9]{animation:show-button-da7154c9 8s infinite cubic-bezier(.64,-.36,.1,1.43);height:20%;width:40%;top:65%;left:30%}@keyframes show-container-da7154c9{0%{opacity:0;transform:rotateX(-90deg)}10%{opacity:1;transform:none;width:4em;height:4em}15%,90%{width:12em;height:12em;transform:translate(-4em,-4em);opacity:1}to{opacity:0;transform:rotateX(-90deg);width:4em;height:4em}}@keyframes show-text-da7154c9{0%,15%{transform:translateY(1em);opacity:0}20%,85%{opacity:1;transform:none}88%,to{opacity:0;transform:translateY(-1em);animation-timing-function:cubic-bezier(.64,-.36,.1,1.43)}}@keyframes show-button-da7154c9{0%,25%{transform:scale(0);opacity:0}35%,80%{transform:none;opacity:1}90%,to{opacity:0;transform:scale(0)}}.two .shape[data-v-c7361eff]{animation:two-c7361eff 5s infinite ease-out;transform-origin:50% 7em}.two .surface[data-v-c7361eff]{background:#000;width:8em;height:1em;position:absolute;top:calc(50% + 4em);left:calc(50% - 3em)}@keyframes two-c7361eff{0%,15%{opacity:0;transform:none}15%,25%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.5,.05,.91,.47)}28%,38%{transform:translate(-2em)}40%,45%{transform:translate(-4em)}50%,52%{transform:translate(-4em) rotate(-20deg)}70%,75%{transform:translate(-4em) rotate(-10deg)}78%{transform:translate(-4em) rotate(-24deg);opacity:1}86%,to{transform:translate(-6em) translateY(4em) rotate(-90deg);opacity:0}}.three .shape.a[data-v-76af1135]{transform:translate(-12em)}.three .shape.c[data-v-76af1135]{transform:translate(12em)}.three .shape.a[data-v-76af1135],.three .shape.c[data-v-76af1135]{animation:three-blur-76af1135 5s infinite linear}.three .shape.b[data-v-76af1135]{animation:three-76af1135 5s infinite ease-out;transform-origin:0 6em}@keyframes three-76af1135{0%,10%{transform:none;animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}26%,30%{transform:rotate(-40deg)}32.5%{transform:rotate(-38deg)}35%{transform:rotate(-42deg)}37.5%{transform:rotate(-38deg)}40%{transform:rotate(-40deg)}42.5%{transform:rotate(-38deg)}45%{transform:rotate(-42deg)}47.5%{transform:rotate(-38deg);animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}58%,to{transform:none}}@keyframes three-blur-76af1135{0%,20%{filter:none}40%,50%{filter:blur(5px)}65%,to{filter:none}}.four .shape.a[data-v-80fbafb3]{left:calc(50% - 8em);animation:four-80fbafb3 6s infinite cubic-bezier(.57,-.5,.43,1.53)}.four .shape.b[data-v-80fbafb3]{left:calc(50% + 8em);animation:four-80fbafb3 6s infinite steps(4)}@keyframes four-80fbafb3{0%,10%{transform:none}26%,30%{transform:rotate(-45deg) scale(1.25)}40%{transform:rotate(-45deg) translate(2em,-2em) scale(1.8)}50%,75%{transform:rotate(-45deg) scale(1.1)}90%,to{transform:none}}.five .shape[data-v-a9739a2d]{animation:five-a9739a2d 4s infinite cubic-bezier(.64,-.36,.1,1);position:relative;left:auto;top:auto}.five .shape-container[data-v-a9739a2d]{animation:five-container-a9739a2d 4s infinite cubic-bezier(.64,-.36,.1,2);position:absolute;left:calc(50% - 4em);top:calc(50% - 4em)}@keyframes five-a9739a2d{0%,15%{opacity:0;transform:translate(-12em)}15%,25%{transform:translate(-12em);opacity:1}85%,90%{transform:translate(12em);opacity:1}to{transform:translate(12em);opacity:0}}@keyframes five-container-a9739a2d{0%,35%{transform:none}50%,60%{transform:skew(20deg)}90%,to{transform:none}}.six .shape[data-v-2b483751]{animation:six-2b483751 3s infinite ease-in-out}@keyframes six-2b483751{0%,5%{transform:translate(-12em)}45%,55%{transform:translate(12em)}95%,to{transform:translate(-12em)}}.principle[data-v-7d7ac351]{position:relative}.sevena .shape-container[data-v-7d7ac351]{animation:move-right-7d7ac351 6s infinite cubic-bezier(.37,.55,.49,.67);position:absolute;left:calc(50% - 4em);top:calc(50% - 4em)}.sevena .shape[data-v-7d7ac351]{animation:bounce-7d7ac351 6s infinite linear;border-radius:50%;position:relative;left:auto;top:auto}@keyframes move-right-7d7ac351{0%{transform:translate(-20em);opacity:1}80%{opacity:1}90%,to{transform:translate(20em);opacity:0}}@keyframes bounce-7d7ac351{0%{transform:translateY(-8em);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}15%{transform:translateY(8em);animation-timing-function:cubic-bezier(.19,1,.7,1)}25%{transform:translateY(-4em);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}32.5%{transform:translateY(8em);animation-timing-function:cubic-bezier(.19,1,.7,1)}40%{transform:translateY(0);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}45%{transform:translateY(8em);animation-timing-function:cubic-bezier(.19,1,.7,1)}50%{transform:translateY(3em);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}56%{transform:translateY(8em);animation-timing-function:cubic-bezier(.19,1,.7,1)}60%{transform:translateY(6em);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}64%{transform:translateY(8em);animation-timing-function:cubic-bezier(.19,1,.7,1)}66%{transform:translateY(7.5em);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}70%,to{transform:translateY(8em);animation-timing-function:cubic-bezier(.19,1,.7,1)}}.principle[data-v-dd68e5db]{position:relative}.sevenb .shape.a[data-v-dd68e5db]{animation:sevenb-dd68e5db 3s infinite linear;top:calc(50% - 2em);left:calc(50% - 9em);transform-origin:10em 50%}.sevenb .shape.b[data-v-dd68e5db]{animation:sevenb-dd68e5db 6s infinite linear reverse;background-color:#ff0;width:2em;height:2em;left:calc(50% - 1em);top:calc(50% - 1em)}@keyframes sevenb-dd68e5db{to{transform:rotate(360deg)}}.eight .shape.a[data-v-2e5ba328]{transform:translate(-6em);animation:eight-shape-a-2e5ba328 4s cubic-bezier(.57,-.5,.43,1.53) infinite}.eight .shape.b[data-v-2e5ba328]{top:calc(50% + 6em);opacity:0;animation:eight-shape-b-2e5ba328 4s linear infinite}.eight .shape.c[data-v-2e5ba328]{transform:translate(6em);animation:eight-shape-c-2e5ba328 4s cubic-bezier(.57,-.5,.43,1.53) infinite}@keyframes eight-shape-a-2e5ba328{0%,50%{transform:translate(-5.5em)}70%,to{transform:translate(-10em)}}@keyframes eight-shape-b-2e5ba328{0%{transform:none}20%,30%{transform:translateY(-1.5em);opacity:1;animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}32%{transform:translateY(-1.25%);opacity:1}34%{transform:translateY(-1.75em);opacity:1}36%,38%{transform:translateY(-1.25em);opacity:1}42%,60%{transform:translateY(-1.5em);opacity:1}75%,to{transform:translateY(-8em);opacity:1}}@keyframes eight-shape-c-2e5ba328{0%,50%{transform:translate(5.5em)}70%,to{transform:translate(10em)}}.nine .shape.a[data-v-0634f002]{animation:nine-0634f002 4s infinite cubic-bezier(.93,0,.67,1.21);left:calc(50% - 12em);transform-origin:100% 6em}.nine .shape.b[data-v-0634f002]{animation:nine-0634f002 2s infinite cubic-bezier(1,-.97,.23,1.84);left:calc(50% + 2em);transform-origin:100% 100%}@keyframes nine-0634f002{0%,10%{transform:translate(0)}40%,60%{transform:rotate(90deg)}90%,to{transform:translate(0)}}header[data-v-365e54e6]{margin:20vh auto;width:400px;display:flex;justify-content:space-around}body{margin:0;background:#e9b59f;font-family:HelveticaNeue,Arial,Sans-serif;color:#fff}h1{position:absolute;top:0;left:0;right:0;text-align:center;font-weight:300}.principle{width:100%;height:100vh}.shape{background:#2d97db;border:1em solid #fff;width:4em;height:4em;position:absolute;top:calc(50% - 2em);left:calc(50% - 2em)}