#container,#page{display:flex;justify-content:center;align-items:center}#container{position:relative}#h3{color:white}#ring{width:190px;height:190px;border:1px solid transparent;border-radius:50%;position:absolute}#ring:first-child{border-bottom:8px solid #000;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 #ed3237;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 #ed3237;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 #000;animation:rotate4 2s linear infinite}@keyframes rotate4{0%{transform:rotateX(70deg) rotate(270deg)}to{transform:rotateX(70deg) rotate(630deg)}}