1.loader {
2  width: 50px;
3  height: 50px;
4  display: inline-block;
5  border: 5px solid rgb(255, 17, 0);
6  border-radius: 50%;
7  border-top-color: transparent;
8  border-bottom-color: transparent;
9  animation: rot5 1s infinite;
10}
11
12@keyframes rot5 {
13  0% {
14    transform: rotate(0);
15  }
16
17  50% {
18    transform: rotate(180deg);
19    border-top-color: rgb(139, 46, 46);
20    border-bottom-color: rgb(243, 92, 33);
21    border-right-color: transparent;
22    border-left-color: transparent;
23  }
24
25  100% {
26    transform: rotate(360deg);
27  }
28}