body{margin:0;font-size:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center;-webkit-perspective:1000px;perspective:1000px;background:-webkit-radial-gradient(center,circle,#777,#777 .25px,transparent 1px),-webkit-radial-gradient(center,circle,#faf5f3,#faf5f3 .25px,transparent 1px),#222;background:radial-gradient(circle at center,#777,#777 .25px,transparent 1px),radial-gradient(circle at center,#faf5f3,#faf5f3 .25px,transparent 1px),#222;background-size:150px 150px,250px 250px,100%;background-position:0 0,75px 75px,50%;overflow:hidden;-webkit-animation:bgmove 60s linear infinite;animation:bgmove 60s linear infinite}@-webkit-keyframes bgmove{0%{background-position:0 0,75px 75px,50%}to{background-position:100vw 0,calc(200vw + 250px) 75px,50%}}@keyframes bgmove{0%{background-position:0 0,75px 75px,50%}to{background-position:100vw 0,calc(200vw + 250px) 75px,50%}}.earth{position:absolute;left:calc(50% - 250px);top:calc(50% - 250px);width:500px;height:500px;z-index:-1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.earth.two{z-index:3}.earth.two .pwrap div{animation:rotating2 10s linear infinite reverse;display:block}.earth .pwrap{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.earth .pwrap div{background-size:500px 200px;background-position:50%;position:absolute;width:100px;height:100px;border-radius:100%;left:calc(50% - 50px);top:calc(50% - 50px);animation:rotating 10s linear infinite reverse;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:3;background:#9cb2c6}.earth .pwrap div:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:url(../media/map.e351b872.svg);border-radius:100%;background-repeat:repeat-x;background-size:300px;background-position:100% 50%;-webkit-animation:axis 10s linear infinite;animation:axis 10s linear infinite;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}@-webkit-keyframes axis{0%{background-position:300px 50%}to{background-position:0 50%}}@keyframes axis{0%{background-position:300px 50%}to{background-position:0 50%}}@-webkit-keyframes rotating{0%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);box-shadow:inset 0 0 5px 0 rgba(114,128,141,.75);opacity:0}25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:1}25.25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:1}50%{-webkit-transform:translateX(0) scale(.75);transform:translateX(0) scale(.75);box-shadow:inset 0 0 15px 100px rgba(114,128,141,.75);opacity:.5}75%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:1}75.05%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:0}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:0}}@keyframes rotating{0%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);box-shadow:inset 0 0 5px 0 rgba(114,128,141,.75);opacity:0}25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:1}25.25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:1}50%{-webkit-transform:translateX(0) scale(.75);transform:translateX(0) scale(.75);box-shadow:inset 0 0 15px 100px rgba(114,128,141,.75);opacity:.5}75%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:1}75.05%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:0}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:0}}@-webkit-keyframes rotating2{0%{-webkit-transform:translateX(0) scale(1.25);transform:translateX(0) scale(1.25);box-shadow:inset 0 0 5px 0 rgba(114,128,141,.75);opacity:1;background-position:50% 50%}25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:1}25.25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:0}50%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);box-shadow:inset 0 0 15px 100px rgba(114,128,141,.75);opacity:0}75%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:0}75.05%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:1}to{-webkit-transform:translateX(0) scale(1.25);transform:translateX(0) scale(1.25);box-shadow:inset 0 0 5px 0 rgba(114,128,141,.75);opacity:1}}@keyframes rotating2{0%{-webkit-transform:translateX(0) scale(1.25);transform:translateX(0) scale(1.25);box-shadow:inset 0 0 5px 0 rgba(114,128,141,.75);opacity:1;background-position:50% 50%}25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:1}25.25%{-webkit-transform:translateX(-400px) scale(1);transform:translateX(-400px) scale(1);box-shadow:inset 40px 0 15px 0 rgba(114,128,141,.75);opacity:0}50%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);box-shadow:inset 0 0 15px 100px rgba(114,128,141,.75);opacity:0}75%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:0}75.05%{-webkit-transform:translateX(400px) scale(1);transform:translateX(400px) scale(1);box-shadow:inset -40px 0 15px 0 rgba(114,128,141,.75);opacity:1}to{-webkit-transform:translateX(0) scale(1.25);transform:translateX(0) scale(1.25);box-shadow:inset 0 0 5px 0 rgba(114,128,141,.75);opacity:1}}.head{width:500px;height:500px;background:#fadc0b;z-index:3;min-width:500px;min-height:500px;left:calc(50% - 250px);top:calc(50% - 250px);-webkit-transform:scale(.75);transform:scale(.75);box-shadow:inset 0 0 50px 10px #ff4700}.face,.head{position:absolute;border-radius:100%;isolation:isolate}.face{background-size:600% 600%;height:300px;width:300px;left:calc(50% - 150px);top:calc(50% - 150px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:4}.face .eye{position:absolute;height:12.5px;width:25px;left:50px;top:75px;border-radius:100% 100% 0 0/200% 200% 0 0;border-top:10px solid #222;border-left:10px solid #222;border-right:10px solid #222}.face .eye:nth-of-type(2){left:auto;right:50px}.face .mouth{position:absolute;height:50px;width:100px;left:87.5px;bottom:75px;border-radius:0 0 100% 100%/0 0 200% 200%;background:#222}