.loading-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;background-size:cover;overflow:hidden;animation:gradientAnimation 10s ease infinite;color:rgb(255,255,255)}.loading-text{position:absolute;text-align:center;top:20px;font-size:22px;font-weight:700;margin:20px;text-transform:uppercase;letter-spacing:5px}.brand-name{color:#00ff0d}#page{width:300px;height:300px}#container,#page{display:flex;justify-content:center;align-items:center}#container{position:relative}#h3{font-weight:700;letter-spacing:2px}#ring{width:290px;height:290px;border:1px solid transparent;border-radius:50%;position:absolute}#ring:first-child{border-bottom:8px solid rgb(0,255,0);animation:rotate1 2s linear infinite}@keyframes rotate1{0%{transform:rotateX(50deg) rotate(110deg)}to{transform:rotateX(50deg) rotate(470deg)}}#ring:nth-child(2){border-bottom:8px solid rgb(255,0,0);animation:rotate2 2s linear infinite}@keyframes rotate2{0%{transform:rotateX(20deg) rotateY(50deg) rotate(20deg)}to{transform:rotateX(20deg) rotateY(50deg) rotate(380deg)}}#ring:nth-child(3){border-bottom:8px solid rgb(0,255,255);animation:rotate3 2s linear infinite}@keyframes rotate3{0%{transform:rotateX(40deg) rotateY(130deg) rotate(450deg)}to{transform:rotateX(40deg) rotateY(130deg) rotate(90deg)}}#ring:nth-child(4){border-bottom:8px solid rgb(255,255,0);animation:rotate4 2s linear infinite}@keyframes rotate4{0%{transform:rotateX(70deg) rotate(270deg)}to{transform:rotateX(70deg) rotate(630deg)}}