.loadingContainer{position:absolute;height:100%;width:100vw;background:#000;color:#fff;text-align:center}.loadingContainer .loadingSVG{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:10vw}.loadingContainer .loadingSVG svg{bottom:0;right:0;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.loadingContainer .loadingSVG svg.svgInner .svgTriangle{stroke-dasharray:17;-webkit-animation:dash 3.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 3.5s cubic-bezier(.35,.04,.63,.95) infinite}.loadingContainer .loadingSVG svg.svgOutline .svgTriangle{stroke:hsla(0,0%,100%,.2);fill:none;stroke-width:1.4px}.loadingContainer .loadingSVG svg.svgFill{opacity:0}.loadingContainer .loadingText{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:233px;text-align:center}.loadingContainer .loadingText .LG{margin-top:50px;position:relative;font-size:20px;letter-spacing:3px;opacity:0;text-transform:uppercase;-webkit-animation:fadeIn 2.5s forwards;animation:fadeIn 2.5s forwards}.loadingContainer .loadingText .LG:after,.loadingContainer .loadingText .LG:before{position:absolute;content:"";top:0;bottom:0;width:2px;opacity:0;height:100%;background:#fff}.loadingContainer .loadingText .LG:before{left:50%;-webkit-animation:slideLeft 1s forwards;animation:slideLeft 1s forwards}.loadingContainer .loadingText .LG:after{right:50%;-webkit-animation:slideRight 1s forwards;animation:slideRight 1s forwards}.loadingContainer .Tips{font-size:15px;margin-top:35px;opacity:0;bottom:5%;position:absolute;left:50%;transform:translate(-50%);-webkit-animation:fadeInTips 1s forwards;animation:fadeInTips 1s forwards}.loadingContainer.mobile .loadingSVG{width:30vw}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}@-webkit-keyframes fadeInTips{to{opacity:.6}}@keyframes fadeInTips{to{opacity:.6}}@-webkit-keyframes slideLeft{to{left:-2%;opacity:1}}@keyframes slideLeft{to{left:-2%;opacity:1}}@-webkit-keyframes slideRight{to{right:-2%;opacity:1}}@keyframes slideRight{to{right:-2%;opacity:1}}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}.aboutSection{color:#fff;position:absolute;top:10%;left:10%;width:80%;height:80%;text-align:center;display:flex;justify-content:center;flex-direction:column}.aboutSection .sentence{display:inline-block}.textContainer{opacity:0}.textContainer h2{display:inline-block;border-bottom:1px solid #e0e0e0}.textContainer span{color:#fff;pointer-events:auto;min-width:100px;display:inline-block}.textContainer span:hover{cursor:pointer;color:#f0f8ff}.textContainer.animate{-webkit-animation:textEntry 1s forwards;animation:textEntry 1s forwards}@-webkit-keyframes textEntry{0%{opacity:0}to{opacity:1}}@keyframes textEntry{0%{opacity:0}to{opacity:1}}.revealAnimation{position:relative}.revealAnimation h1{margin:0;opacity:0}.revealAnimation.animate h1{-webkit-animation:textFadein .1s .5s forwards;animation:textFadein .1s .5s forwards}.revealAnimation.animate:before{content:"";position:absolute;top:0;right:0;height:100%;z-index:10;background-color:#fff;-webkit-animation:revealAnimation 1s ease;animation:revealAnimation 1s ease}@-webkit-keyframes revealAnimation{0%{width:0;left:0}65%{width:100%;left:0}to{width:0;left:100%}}@keyframes revealAnimation{0%{width:0;left:0}65%{width:100%;left:0}to{width:0;left:100%}}@-webkit-keyframes textFadein{0%{opacity:0}to{opacity:1}}@keyframes textFadein{0%{opacity:0}to{opacity:1}}body,html{margin:0;padding:0;position:fixed;box-sizing:border-box;background:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}a{text-decoration:none}body[cursor=pointer]{cursor:pointer}.wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}.dg.main{display:none;opacity:0}#canvasContainer{position:fixed}#canvasContainer,.uiContainer{top:0;left:0;width:100%;height:100%;overflow:hidden}.uiContainer{position:absolute;pointer-events:none}