.main{position:absolute;left:0;bottom:0;width:0;height:50px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.main:before{bottom:0}.main:after,.main:before{position:absolute;content:"";left:-1px;width:2px;height:100%;background:hsla(0,0%,100%,.3)}.main:after{top:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.footer{position:absolute;left:-2px;width:4px;height:16px;bottom:0}.footer:before{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.footer:after,.footer:before{position:absolute;content:"";left:0;bottom:0;width:100%;height:100%;border-radius:50% 50% 30% 30%;background:hsla(0,0%,100%,.4)}.branch{left:0;top:-30px;height:30px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:bottom center}.branch,.branch:before{position:absolute;-webkit-transform-origin:bottom center}.branch:before{width:40px;height:24px;border-bottom:3px solid hsla(0,0%,100%,.3);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.branch:after,.branch:before{content:"";left:50%;bottom:0;border-radius:50%;transform-origin:bottom center}.branch:after{position:absolute;width:60px;height:16px;-webkit-transform-origin:bottom center;border-bottom:2px solid hsla(0,0%,100%,.3);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.animate{position:absolute;width:0;height:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:rotate 6s linear infinite;animation:rotate 6s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotateY(0deg) rotateX(20deg);transform:rotateY(0deg) rotateX(20deg)}to{-webkit-transform:rotateY(1turn) rotateX(20deg);transform:rotateY(1turn) rotateX(20deg)}}@keyframes rotate{0%{-webkit-transform:rotateY(0deg) rotateX(20deg);transform:rotateY(0deg) rotateX(20deg)}to{-webkit-transform:rotateY(1turn) rotateX(20deg);transform:rotateY(1turn) rotateX(20deg)}}.horizontal{position:absolute;width:0;height:0;-webkit-animation:horizontal 4s ease-in-out infinite;animation:horizontal 4s ease-in-out infinite;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes horizontal{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes horizontal{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.vertical{position:absolute;width:0;height:0;-webkit-animation:vertical 5s ease-in-out infinite;animation:vertical 5s ease-in-out infinite;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes vertical{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vertical{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}body,html{width:100%;height:100%}body,div,html{margin:0;padding:0}#app{left:0;top:0;width:100%;height:100%;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-perspective:400px;perspective:400px}#app,.container{position:absolute}.container{bottom:30px}