.loader{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;margin:0 auto}@keyframes leap{0%{transform:translateY(0)}7%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1);opacity:.5}75%{transform:translateY(10px)}to{transform:translateY(0)}}.dot{width:25%;height:50%;border-radius:100%}.dot:first-child{animation:leap 1.25s ease-in-out .4s infinite alternate}.dot:nth-child(2){animation:leap 1.25s ease-in-out .6s infinite alternate}.dot:nth-child(3){animation:leap 1.25s ease-in-out .8s infinite alternate}