1.loader-1 {
2 width: 7em;
3 display: flex;
4 flex-wrap: wrap;
5 justify-content: center;
6 font-size: 13px;
7}
8
9.dot {
10 width: 0.7em;
11 height: 0.7em;
12 border-radius: 50%;
13 background-color: #a52a2a;
14 margin: 0.4rem;
15 opacity: 0.6;
16 font-size: 15px;
17}
18
19.dot:nth-child(1) {
20 animation: animateLoader1 1.5s infinite;
21}
22
23.dot:nth-child(2) {
24 animation: animateLoader1 1.3s infinite;
25}
26
27.dot:nth-child(3) {
28 animation: animateLoader1 1.7s infinite;
29}
30
31.dot:nth-child(4) {
32 animation: animateLoader1 1.1s infinite;
33}
34
35.dot:nth-child(5) {
36 animation: animateLoader1 0.9s infinite;
37}
38
39.dot:nth-child(6) {
40 animation: animateLoader1 0.7s infinite;
41}
42
43.dot:nth-child(7) {
44 animation: animateLoader1 0.5s infinite;
45}
46
47.dot:nth-child(8) {
48 animation: animateLoader1 1.3s infinite;
49}
50
51.dot:nth-child(9) {
52 animation: animateLoader1 1.5s infinite;
53}
54
55@keyframes animateLoader1 {
56 0% {
57  transform: scale(1);
58 }
59
60 50% {
61  transform: scale(1.5);
62  opacity: 1;
63 }
64
65 100% {
66  transform: scale(1);
67  opacity: 0.6;
68 }
69}
70