1.loader {
2  /* background-color: blue; */
3  display: flex;
4  justify-content: center;
5  align-items: center;
6  flex-direction: column;
7}
8
9.loader-text {
10  font-size: 24px;
11  color: rgb(0, 0, 0);
12  margin-bottom: 20px;
13  align-self: center;
14}
15
16.loader-bar {
17  width: 30%;
18  height: 10px;
19  border-radius: 5px;
20  background-color: rgb(0, 0, 0);
21  animation: loader-bar-animation 2s ease-in-out infinite;
22}
23
24@keyframes loader-bar-animation {
25  0% {
26    /* transform: translateX(-100%) rotate(270deg); */
27    transform: translateX(-100%);
28  }
29
30  50% {
31    /* transform: translateX(100%) rotate(-90deg); */
32    transform: translateX(100%);
33  }
34
35  100% {
36    /* transform: translateX(-100%) rotate(270deg); */
37    transform: translateX(-100%);
38  }
39}