css
body {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #008b8b;
}
.loader {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 8px;
}
.loader div {
width: 60px;
height: 60px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: #66cdaa;
border-radius: 50%;
}
.loader div:before,
.loader div:after {
content: '';
width: 60px;
height: 60px;
position: absolute;
border-radius: 50%;
}
.loader div:before {
background-color: #ffdab9;
animation: scale-1 2400ms linear infinite;
}
.loader div:after {