.loader{width:150px;height:150px;perspective:800px;margin:2rem auto ;display:flex;position:relative;align-items:center}
.loader .inner{position:absolute;box-sizing:border-box;width:80%;height:80%;border-radius:50%}
.loader .inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #ff6a00}
.loader .inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #ff6a00}
.loader .inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #ff6a00}
.loader span{color:#ff5722;width:100%;text-align:center}
@keyframes rotate-one {
0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}
@keyframes rotate-two {
0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}
@keyframes rotate-three {
0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}