body{height:100vh;background:#f8f4f2}.loader{top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;perspective:800px}.inner,.loader{position:absolute;border-radius:50%}.inner{box-sizing:border-box;width:100%;height:100%}.inner.one{left:0%;top:0%;animation:rotate-one 1s linear infinite;border-bottom:3px solid #00665b}.inner.two{right:0%;top:0%;animation:rotate-two 1s linear infinite;border-right:3px solid #004642}.inner.three{right:0%;bottom:0%;animation:rotate-three 1s linear infinite;border-top:3px solid #80b2ad}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}