.spaceInvaderWrapper{align-items:center;background:#fff;display:flex;height:100vh;width:100vw}.spaceInvader{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(8,1fr);height:18.18182vw;margin:0 auto;width:25vw}.square{background:#fff;color:#000}.sq01{animation:sqAnimate .3s .3s forwards;grid-column:3/3}.sq01,.sq02{grid-row:1/1}.sq02{animation:sqAnimate .3s .2s forwards;grid-column:9/9}.sq03{animation:sqAnimate .3s .4s forwards;grid-column:4/4}.sq03,.sq04{grid-row:2/2}.sq04{animation:sqAnimate .3s .5s forwards;grid-column:8/8}.sq05{animation:sqAnimate .3s .6s forwards;grid-column:3/10;grid-row:3/3}.sq06{animation:sqAnimate .3s .7s forwards;grid-column:2/4}.sq06,.sq07{grid-row:4/4}.sq07{animation:sqAnimate .3s .8s forwards;grid-column:5/8}.sq08{animation:sqAnimate .3s .9s forwards;grid-column:9/11;grid-row:4/4}.sq09{animation:sqAnimate .3s 1s forwards;grid-column:2/11;grid-row:5/5}.sq10{animation:sqAnimate .3s 1.1s forwards;grid-column:1/1}.sq10,.sq11{grid-row:5/8}.sq11{animation:sqAnimate .3s .8s forwards;grid-column:11/11}.sq12{animation:sqAnimate .3s .5s forwards;grid-column:3/10;grid-row:6/6}.sq13{animation:sqAnimate .3s .6s forwards;grid-column:3/3}.sq13,.sq14{grid-row:7/7}.sq14{animation:sqAnimate .3s .7s forwards;grid-column:9/9}.sq15{animation:sqAnimate .3s .2s forwards;grid-column:4/6}.sq15,.sq16{grid-row:8/8}.sq16{animation:sqAnimate .3s .5s forwards;grid-column:7/9}@keyframes sqAnimate{0%{background:#fff}to{background:#000}}