ul.bg li{position:absolute}ul.bg li img{height:auto;opacity:.5}li[class^=shoot]{opacity:0}.shoot1{-webkit-animation:shoot 5s .2s infinite;animation:shoot 5s .2s infinite;-webkit-transform:translateY(40vh);transform:translateY(40vh)}.shoot1 img{width:30vh}.shoot2{-webkit-animation:shoot 4s .8s infinite;animation:shoot 4s .8s infinite;-webkit-transform:translateX(60vw);transform:translateX(60vw)}.shoot2 img{width:40vh}@-webkit-keyframes shoot{0%{opacity:0;top:-20vw;left:-20vw}1%{opacity:.5;top:-20vw;left:-20vw}70%{opacity:1;top:120vw;left:120vw}71%{opacity:0;top:120vw;left:120vw}100%{opacity:0;top:-20vw;left:-20vw}}@keyframes shoot{0%{opacity:0;top:-20vw;left:-20vw}1%{opacity:.5;top:-20vw;left:-20vw}70%{opacity:1;top:120vw;left:120vw}71%{opacity:0;top:120vw;left:120vw}100%{opacity:0;top:-20vw;left:-20vw}}.line1{top:5vh;left:0}.line2{top:10vh;left:0}.line3{top:15vh;left:90vw}.line4{top:60vh;left:90vw}.line5{top:10vh;left:90vw}.line6{top:65vh;left:85vw}.line7{top:80vh;left:0}.line8{top:85vh;left:0}.line1 img,.line5 img{width:20vh;-webkit-filter:hue-rotate(-90deg);filter:hue-rotate(-90deg)}.line2 img,.line6 img{width:40vh;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}.line3 img,.line7 img{width:20vh}.line4 img,.line8 img{width:30vh;-webkit-filter:hue-rotate(-45deg);filter:hue-rotate(-45deg)}li[class^=twinkle]{opacity:0}.twinkle1{top:80vh;left:80vw;-webkit-animation:kira 2s .5s infinite;animation:kira 2s .5s infinite}.twinkle2{top:10vh;left:10vw;-webkit-animation:kira 2s .2s infinite;animation:kira 2s .2s infinite}.twinkle3{top:20vh;left:10vw;-webkit-animation:kira 2s 1s infinite;animation:kira 2s 1s infinite}.twinkle4{top:90vh;left:60vw;-webkit-animation:kira 2s .2s infinite;animation:kira 2s .2s infinite}.twinkle5{top:40vh;left:20vw;-webkit-animation:kira 2s .5s infinite;animation:kira 2s .5s infinite}.twinkle6{top:40vh;left:70vw;-webkit-animation:kira 2s .2s infinite;animation:kira 2s .2s infinite}.twinkle1 img{width:24px;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}.twinkle3 img{width:32px}.twinkle2 img{width:8px;-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}.twinkle4 img{width:8px;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}.twinkle5 img{width:16px;-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}.twinkle6 img{width:16px}@-webkit-keyframes kira{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}50%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}75%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes kira{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}50%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}75%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}.donut{bottom:0;left:0;-webkit-animation:color 20s infinite;animation:color 20s infinite}.donut img{width:100vh}@-webkit-keyframes color{0%{-webkit-transform:translate(-40vh,32vh);transform:translate(-40vh,32vh);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-transform:translate(-40vh,30vh);transform:translate(-40vh,30vh);-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}100%{-webkit-transform:translate(-40vh,32vh);transform:translate(-40vh,32vh);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}}@keyframes color{0%{-webkit-transform:translate(-40vh,32vh);transform:translate(-40vh,32vh);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-transform:translate(-40vh,30vh);transform:translate(-40vh,30vh);-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}100%{-webkit-transform:translate(-40vh,32vh);transform:translate(-40vh,32vh);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}}