body {margin:0; padding:0;} .center-div,body,html{height:100%;width:100%;}body,html{overflow:hidden;background-color:#060606}.center-div{align-items:center;display:flex;justify-content:center;flex-direction:column}p{color:#fff;margin:0 auto;max-width:440px;text-align:left;font-size:16px}.loading-parent{width:35px;height:35px;position:relative;left:0;right:0;top:0;bottom:0;animation:2.5s linear infinite both loading-parent}.loading-parent-el{width:100%;height:100%;position:absolute;left:0;top:0;animation:2s ease-in-out infinite both loading-parent-el}.loading-parent-el:before{content:'';display:block;width:25%;height:25%;background-color:#694ce7;border-radius:100%;animation:2s ease-in-out infinite both loading-parent-el-before}.loading-parent-el:first-child,.loading-parent-el:first-child:before{animation-delay:-1.1s}.loading-parent-el:nth-child(2),.loading-parent-el:nth-child(2):before{animation-delay:-1s}.loading-parent-el:nth-child(3),.loading-parent-el:nth-child(3):before{animation-delay:-.9s}.loading-parent-el:nth-child(4),.loading-parent-el:nth-child(4):before{animation-delay:-.8s}
.loading-parent-el:nth-child(5),.loading-parent-el:nth-child(5):before{animation-delay:-.7s}.loading-parent-el:nth-child(6),.loading-parent-el:nth-child(6):before{animation-delay:-.6s}@keyframes loading-parent{100%{transform:rotate(360deg)}}@keyframes loading-parent-el{100%,80%{transform:rotate(360deg)}}@keyframes loading-parent-el-before{50%{transform:scale(.4)}0%,100%{transform:scale(1)}}