html, body {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.google-loader {
display: block;
}
.google-loader span {
display: inline-block;
margin-top: 10px;
height: 20px;
width: 20px;
border-radius: 50%;
}
.google-loader span:not(:first-child) {
margin-left: 10px;
}
.google-loader span:nth-child(1) {
background: #4285F4;
animation: move 1s ease-in-out -0.25s infinite alternate;
}
.google-loader span:nth-child(2) {
background: #DB4437;
animation: move 1s ease-in-out -0.5s infinite alternate;
}
.google-loader span:nth-child(3) {
background: #F4B400;
animation: move 1s ease-in-out -0.75s infinite alternate;
