.container-ring{height:300px;width:300px;margin:10rem auto;position:relative;display:flex;align-items:center;justify-content:center}.container-ring .ring{position:absolute;height:80%;width:80%;border-radius:50%;border:3px solid #429cc0;border-bottom-color:transparent}.container-ring .ring-one{animation:rotate-ring-one 1s linear infinite}.container-ring .ring-two{animation:rotate-ring-two 1s linear infinite}.container-ring .ring-three{animation:rotate-ring-three 1s linear infinite}.container-ring .ring-four{animation:rotate-ring-four 1s linear infinite}@keyframes rotate-ring-one{0%{transform:rotateX(45deg) rotateY(-35deg) rotate(0deg)}to{transform:rotateX(45deg) rotateY(-35deg) rotate(1turn)}}@keyframes rotate-ring-two{0%{transform:rotateX(45deg) rotateY(35deg) rotate(0deg)}to{transform:rotateX(45deg) rotateY(35deg) rotate(1turn)}}@keyframes rotate-ring-three{0%{transform:rotateX(70deg) rotate(0deg)}to{transform:rotateX(70deg) rotate(1turn)}}@keyframes rotate-ring-four{0%{transform:rotateY(70deg) rotate(0deg)}to{transform:rotateY(70deg) rotate(1turn)}}