.loader-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;text-align:center;font-family:var(--font-jockey-one);& .loader{width:60px;position:relative;height:60px;& div{position:absolute;width:16px;height:16px;border-radius:50%;animation:loader-animation 1.2s cubic-bezier(.5,0,.5,1) infinite;&:first-child{top:8px;left:20px;animation-delay:-.24s;background-color:var(--color-charmander)}&:nth-child(2){top:32px;left:34px;animation-delay:-.12s;background-color:var(--color-squirtle)}&:nth-child(3){top:32px;left:4px;animation-delay:0s;background-color:var(--color-bulbasaur)}}}& span{font-size:1.25rem}}@keyframes loader-animation{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}