*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.button{position:fixed;bottom:20px;right:20px;z-index:1000;cursor:pointer;width:220px;height:50px;padding:12px 17px;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff1a;background:radial-gradient(ellipse at bottom,#47515c,#0b151e 45%);color:#ffffffa8;transition:all 1s cubic-bezier(.15,.83,.66,1)}.button:before{content:"";width:70%;height:1px;position:absolute;bottom:0;left:15%;background:#fff;background:linear-gradient(90deg,#fff0,#fff,#fff0);opacity:.2;transition:all 1s cubic-bezier(.15,.83,.66,1)}.button:hover{color:#fff;transform:scale(1.1) translateY(-3px)}.button:hover:before{opacity:1}#loading-screen{position:fixed;width:100%;height:100%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}#loading-spinner{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:#fff}#loading-spinner:before,#loading-spinner:after{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}#loading-spinner:after{color:#ff3d00;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}