1.loader-wrapper {
2 width: 60px;
3 height: 60px;
4}
5
6.loader {
7 box-sizing: border-box;
8 width: 100%;
9 height: 100%;
10 border: 10px solid #162534;
11 border-top-color: #4bc8eb;
12 border-bottom-color: #f13a8f;
13 border-radius: 50%;
14 animation: rotate0925 5s linear infinite;
15}
16
17.loader-inner {
18 border-top-color: #36f372;
19 border-bottom-color: #fff;
20 animation-duration: 2.5s;
21}
22
23@keyframes rotate0925 {
24 0% {
25  transform: scale(1) rotate(360deg);
26 }
27
28 50% {
29  transform: scale(.8) rotate(-360deg);
30 }
31
32 100% {
33  transform: scale(1) rotate(360deg);
34 }
35}