body,canvas,html{height:100vh;width:100vw}body{margin:0;padding:0;background:#000}.loading,body,h1{box-sizing:border-box}.loading,h1{display:flex;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;opacity:0}.loading,h1{animation:fade 5s ease-out}h1{top:54%}.loading .dot{position:relative;width:2em;height:2em;margin:.8em;border-radius:50%}.loading .dot:before{position:absolute;content:"";width:100%;height:100%;background:inherit;border-radius:inherit;animation:wave 4s ease-out}h1{color:#fff}.loading .dot:first-child{background:#52eff7}.loading .dot:first-child:before{animation-delay:.2s}.loading .dot:nth-child(2){background:#67c2ed}.loading .dot:nth-child(2):before{animation-delay:.4s}.loading .dot:nth-child(3){background:#4682b4}.loading .dot:nth-child(3):before{animation-delay:.6s}.loading .dot:nth-child(4){background:#0f52ba}.loading .dot:nth-child(4):before{animation-delay:.8s}.loading .dot:nth-child(5){background:navy}.loading .dot:nth-child(5):before{animation-delay:1s}@keyframes wave{50%,75%{transform:scale(2.5)}80%,to{opacity:0}}@keyframes fade{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.5d5f2699.chunk.css.map */