Loader by Rayan-72

1.parent {
2  display: flex;
3  justify-content: center;
4  height: 1060px;
5  align-items: center;
6  transition: all 0.4s;
7}
8
9.square {
10  background-color: rgba(228, 34, 16, 0.87);
11  height: 50px;
12  width: 50px;
13  animation: rayan 1.2s infinite;
14}
15
16.circle {
17  margin-left: 20px;
18  height: 50px;
19  width: 50px;
20  background-color: rgba(228, 34, 16, 0.87);
21  border-radius: 50%;
22  animation: rayan 1.2s infinite;
23  animation-delay: .4s;
24}
25
26@keyframes rayan {
27  100% {
28    background-color: rgb(0, 0, 0);
29  }
30}
31