- 掃描 ID：
- 0e51ad06-23b8-4c14-a104-f8d73274a1eb已完成
- 已提交的 URL：
- https://nlu.sat.ae/
- 報告完成時間：
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 3 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| error | network |
|
HTML
頁面的原始 HTML 主體
<html><head></head><body><main class="bsod container">
<h1 class="neg title"><span class="bg">Services</span></h1>
<nav class="nav">
<a href="/demo" class="link">AI Demo</a> | <a href="/dev" class="link">Dev</a>| <a href="mailto:[email protected]" class="link">Contact</a>
</nav><br><br><br>
<div class="wrap">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</main>
<style>
@import 'https://fonts.googleapis.com/css?family=VT323';
body,
h1,
h2,
h3,
h4,
p,
a {
color: #e0e2f4;
}
body,
p {
font: normal 20px/1.25rem "VT323", monospace;
}
h1 {
font: normal 2.75rem/1.05em "VT323", monospace;
}
h2 {
font: normal 2.25rem/1.25em "VT323", monospace;
}
h3 {
font: lighter 1.5rem/1.25em "VT323", monospace;
}
h4 {
font: lighter 1.125rem/1.2222222em "VT323", monospace;
}
body {
background: #000000;
}
.container {
width: 90%;
margin: auto;
max-width: 640px;
}
.bsod {
padding-top: 10%;
}
.bsod .neg {
text-align: center;
color: #0414a7;
}
.bsod .neg .bg {
background: #aaaaaa;
padding: 0 15px 2px 13px;
}
.bsod .title {
margin-bottom: 50px;
}
.bsod .nav {
margin-top: 35px;
text-align: center;
margin-bottom; 20px;
}
.bsod .nav .link {
text-decoration: none;
padding: 0 9px 2px 8px;
}
.bsod .nav .link:hover, .bsod .nav .link:focus {
background: #aaaaaa;
color: #0414a7;
}
html, body {
min-height: 100%;
}
.wrap {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 360px;
height: 300px;
}
.wrap > * {
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0;
}
.wrap > *:nth-child(1) {
transform: translate(0px, 0px);
-webkit-animation: shunt-1 8s ease infinite alternate;
animation: shunt-1 8s ease infinite alternate;
background: #280a28;
box-shadow: 3px 3px rgba(40, 10, 40, 0.5);
}
@-webkit-keyframes shunt-1 {
0%, 10% {
transform: translate(0px, 30px);
}
30%, 40% {
transform: translate(210px, 0px);
}
70%, 80% {
transform: translate(0px, 90px);
}
95%, 100% {
transform: translate(0px, 0px);
}
}
@keyframes shunt-1 {
0%, 10% {
transform: translate(0px, 30px);
}
30%, 40% {
transform: translate(210px, 0px);
}
70%, 80% {
transform: translate(0px, 90px);
}
95%, 100% {
transform: translate(0px, 0px);
}
}
.wrap > *:nth-child(2) {
transform: translate(0px, 30px);
-webkit-animation: shunt-2 8s ease infinite alternate;
animation: shunt-2 8s ease infinite alternate;
background: #280a32;
box-shadow: 3px 3px rgba(40, 10, 50, 0.5);
}
@-webkit-keyframes shunt-2 {
0%, 10% {
transform: translate(0px, 270px);
}
30%, 40% {
transform: translate(90px, 30px);
}
70%, 80% {
transform: translate(0px, 60px);
}
95%, 100% {
transform: translate(240px, 30px);
}
}
@keyframes shunt-2 {
0%, 10% {
transform: translate(0px, 270px);
}
30%, 40% {
transform: translate(90px, 30px);
}
70%, 80% {
transform: translate(0px, 60px);
}
95%, 100% {
transform: translate(240px, 30px);
}
}
.wrap > *:nth-child(3) {
transform: translate(0px, 60px);
-webkit-animation: shunt-3 8s ease infinite alternate;
animation: shunt-3 8s ease infinite alternate;
background: #280a3c;
box-shadow: 3px 3px rgba(40, 10, 60, 0.5);
}
@-webkit-keyframes shunt-3 {
0%, 10% {
transform: translate(0px, 0px);
}
30%, 40% {
transform: translate(240px, 60px);
}
70%, 80% {
transform: translate(0px, 180px);
}
95%, 100% {
transform: translate(150px, 60px);
}
}
@keyframes shunt-3 {
0%, 10% {
transform: translate(0px, 0px);
}
30%, 40% {
transform: translate(240px, 60px);
}
70%, 80% {
transform: translate(0px, 180px);
}
95%, 100% {
transform: translate(150px, 60px);
}
}
.wrap > *:nth-child(4) {
transform: translate(0px, 90px);
-webkit-animation: shunt-4 8s ease infinite alternate;
animation: shunt-4 8s ease infinite alternate;
background: #280a46;
box-shadow: 3px 3px rgba(40, 10, 70, 0.5);
}
@-webkit-keyframes shunt-4 {
0%, 10% {
transform: translate(0px, 120px);
}
30%, 40% {
transform: translate(60px, 90px);
}
70%, 80% {
transform: translate(0px, 240px);
}
95%, 100% {
transform: translate(300px, 90px);
}
}
@keyframes shunt-4 {
0%, 10% {
transform: translate(0px, 120px);
}
30%, 40% {
transform: translate(60px, 90px);
}
70%, 80% {
transform: translate(0px, 240px);
}
95%, 100% {
transform: translate(300px, 90px);
}
}
.wrap > *:nth-child(5) {
transform: translate(0px, 120px);
-webkit-animation: shunt-5 8s ease infinite alternate;
animation: shunt-5 8s ease infinite alternate;
background: #280a50;
box-shadow: 3px 3px rgba(40, 10, 80, 0.5);
}
@-webkit-keyframes shunt-5 {
0%, 10% {
transform: translate(0px, 120px);
}
30%, 40% {
transform: translate(60px, 120px);
}
70%, 80% {
transform: translate(0px, 60px);
}
95%, 100% {
transform: translate(180px, 120px);
}
}
@keyframes shunt-5 {
0%, 10% {
transform: translate(0px, 120px);
}
30%, 40% {
transform: translate(60px, 120px);
}
70%, 80% {
transform: translate(0px, 60px);
}
95%, 100% {
transform: translate(180px, 120px);
}
}
.wrap > *:nth-child(6) {
transform: translate(0px, 150px);
-webkit-animation: shunt-6 8s ease infinite alternate;
animation: shunt-6 8s ease infinite alternate;
background: #280a5a;
box-shadow: 3px 3px rgba(40, 10, 90, 0.5);
}
@-webkit-keyframes shunt-6 {
0%, 10% {
transform: translate(0px, 240px);
}
30%, 40% {
transform: translate(180px, 150px);
}
70%, 80% {
transform: translate(0px, 150px);
}
95%, 100% {
transform: translate(60px, 150px);
}
}
@keyframes shunt-6 {
0%, 10% {
transform: translate(0px, 240px);
}
30%, 40% {
transform: translate(180px, 150px);
}
70%, 80% {
transform: translate(0px, 150px);
}
95%, 100% {
transform: translate(60px, 150px);
}
}
.wrap > *:nth-child(7) {
transform: translate(0px, 180px);
-webkit-animation: shunt-7 8s ease infinite alternate;
animation: shunt-7 8s ease infinite alternate;
background: #280a64;
box-shadow: 3px 3px rgba(40, 10, 100, 0.5);
}
@-webkit-keyframes shunt-7 {
0%, 10% {
transform: translate(0px, 30px);
}
30%, 40% {
transform: translate(90px, 180px);
}
70%, 80% {
transform: translate(0px, 0px);
}
95%, 100% {
transform: translate(300px, 180px);
}
}
@keyframes shunt-7 {
0%, 10% {
transform: translate(0px, 30px);
}
30%, 40% {
transform: translate(90px, 180px);
}
70%, 80% {
transform: translate(0px, 0px);
}
95%, 100% {
transform: translate(300px, 180px);
}
}
.wrap > *:nth-child(8) {
transform: translate(0px, 210px);
-webkit-animation: shunt-8 8s ease infinite alternate;
animation: shunt-8 8s ease infinite alternate;
background: #280a6e;
box-shadow: 3px 3px rgba(40, 10, 110, 0.5);
}
@-webkit-keyframes shunt-8 {
0%, 10% {
transform: translate(0px, 270px);
}
30%, 40% {
transform: translate(330px, 210px);
}
70%, 80% {
transform: translate(0px, 210px);
}
95%, 100% {
transform: translate(180px, 210px);
}
}
@keyframes shunt-8 {
0%, 10% {
transform: translate(0px, 270px);
}
30%, 40% {
transform: translate(330px, 210px);
}
70%, 80% {
transform: translate(0px, 210px);
}
95%, 100% {
transform: translate(180px, 210px);
}
}
.wrap > *:nth-child(9) {
transform: translate(0px, 240px);
-webkit-animation: shunt-9 8s ease infinite alternate;
animation: shunt-9 8s ease infinite alternate;
background: #280a78;
box-shadow: 3px 3px rgba(40, 10, 120, 0.5);
}
@-webkit-keyframes shunt-9 {
0%, 10% {
transform: translate(0px, 180px);
}
30%, 40% {
transform: translate(150px, 240px);
}
70%, 80% {
transform: translate(0px, 0px);
}
95%, 100% {
transform: translate(150px, 240px);
}
}
@keyframes shunt-9 {
0%, 10% {
transform: translate(0px, 180px);
}
30%, 40% {
transform: translate(150px, 240px);
}
70%, 80% {
transform: translate(0px, 0px);
}
95%, 100% {
transform: translate(150px, 240px);
}
}
.wrap > *:nth-child(10) {
transform: translate(0px, 270px);
-webkit-animation: shunt-10 8s ease infinite alternate;
animation: shunt-10 8s ease infinite alternate;
background: #280a82;
box-shadow: 3px 3px rgba(40, 10, 130, 0.5);
}
@-webkit-keyframes shunt-10 {
0%, 10% {
transform: translate(0px, 240px);
}
30%, 40% {
transform: translate(210px, 270px);
}
70%, 80% {
transform: translate(0px, 60px);
}
95%, 100% {
transform: translate(120px, 270px);
}
}
@keyframes shunt-10 {
0%, 10% {
transform: translate(0px, 240px);
}
30%, 40% {
transform: translate(210px, 270px);
}
70%, 80% {
transform: translate(0px, 60px);
}
95%, 100% {
transform: translate(120px, 270px);
}
}
.wrap > *:nth-child(11) {
transform: translate(30px, 0px);
-webkit-animation: shunt-11 8s ease infinite alternate;
animation: shunt-11 8s ease infinite alternate;
background: #320a28;
box-shadow: 3px 3px rgba(50, 10, 40, 0.5);
}
@-webkit-keyframes shunt-11 {
0%, 10% {
transform: translate(30px, 210px);
}
30%, 40% {
transform: translate(180px, 0px);
}
70%, 80% {
transform: translate(30px, 30px);
}
95%, 100% {
transform: translate(270px, 0px);
}
}
@keyframes shunt-11 {
0%, 10% {
transform: translate(30px, 210px);
}
30%, 40% {
transform: translate(180px, 0px);
}
70%, 80% {
transform: translate(30px, 30px);
}
95%, 100% {
transform: translate(270px, 0px);
}
}
.wrap > *:nth-child(12) {
transform: translate(30px, 30px);
-webkit-animation: shunt-12 8s ease infinite alternate;
animation: shunt-12 8s ease infinite alternate;
background: #320a32;
box-shadow: 3px 3px rgba(50, 10, 50, 0.5);
}
@-webkit-keyframes shunt-12 {
0%, 10% {
transform: translate(30px, 270px);
}
30%, 40% {
transform: translate(210px, 30px);
}
70%, 80% {
transform: translate(30px, 240px);
}
95%, 100% {
transform: translate(60px, 30px);
}
}
@keyframes shunt-12 {
0%, 10% {
transform: translate(30px, 270px);
}
30%, 40% {
transform: translate(210px, 30px);
}
70%, 80% {
transform: translate(30px, 240px);
}
95%, 100% {
transform: translate(60px, 30px);
}
}
.wrap > *:nth-child(13) {
transform: translate(30px, 60px);
-webkit-animation: shunt-13 8s ease infinite alternate;
animation: shunt-13 8s ease infinite alternate;
background: #320a3c;
box-shadow: 3px 3px rgba(50, 10, 60, 0.5);
}
@-webkit-keyframes shunt-13 {
0%, 10% {
transform: translate(30px, 210px);
}
30%, 40% {
transform: translate(270px, 60px);
}
70%, 80% {
transform: translate(30px, 30px);
}
95%, 100% {
transform: translate(180px, 60px);
}
}
@keyframes shunt-13 {
0%, 10% {
transform: translate(30px, 210px);
}
30%, 40% {
transform: translate(270px, 60px);
}
70%, 80% {
transform: translate(30px, 30px);
}
95%, 100% {
transform: translate(180px, 60px);
}
}
.wrap > *:nth-child(14) {
transform: translate(30px, 90px);
-webkit-animation: shunt-14 8s ease infinite alternate;
animation: shunt-14 8s ease infinite alternate;
background: #320a46;
box-shadow: 3px 3px rgba(50, 10, 70, 0.5);
}
@-webkit-keyframes shunt-14 {
0%, 10% {
transform: translate(30px, 180px);
}
30%, 40% {
transform: translate(60px, 90px);
}
70%, 80% {
transform: translate(30px, 180px);
}
95%, 100% {
transform: translate(180px, 90px);
}
}
@keyframes shunt-14 {
0%, 10% {
transform: translate(30px, 180px);
}
30%, 40% {
transform: translate(60px, 90px);
}
70%, 80% {
transform: translate(30px, 180px);
}
95%, 100% {
transform: translate(180px, 90px);
}
}
.wrap > *:nth-child(15) {
transform: translate(30px, 120px);
-webkit-animation: shunt-15 8s ease infinite alternate;
animation: shunt-15 8s ease infinite alternate;
background: #320a50;
box-shadow: 3px 3px rgba(50, 10, 80, 0.5);
}
@-webkit-keyframes shunt-15 {
0%, 10% {
transform: translate(30px, 150px);
}
30%, 40% {
transform: translate(300px, 120px);
}
70%, 80% {
transform: translate(30px, 120px);
}
95%, 100% {
transform: translate(0px, 120px);
}
}
@keyframes shunt-15 {
0%, 10% {
transform: translate(30px, 150px);
}
30%, 40% {
transform: translate(300px, 120px);
}
70%, 80% {
transform: translate(30px, 120px);
}
95%, 100% {
transform: translate(0px, 120px);
}
}
.wrap > *:nth-child(16) {
transform: translate(30px, 150px);
-webkit-animation: shunt-16 8s ease infinite alternate;
animation: shunt-16 8s ease infinite alternate;
background: #320a5a;
box-shadow: 3px 3px rgba(50, 10, 90, 0.5);
}
@-webkit-keyframes shunt-16 {
0%, 10% {
transform: translate(30px, 0px);
}
30%, 40% {
transform: translate(330px, 150px);
}
70%, 80% {
transform: translate(30px, 240px);
}
95%, 100% {
transform: translate(210px, 150px);
}
}
@keyframes shunt-16 {
0%, 10% {
transform: translate(30px, 0px);
}
30%, 40% {
transform: translate(330px, 150px);
}
70%, 80% {
transform: translate(30px, 240px);
}
95%, 100% {
transform: translate(210px, 150px);
}
}
.wrap > *:nth-child(17) {
transform: translate(30px, 180px);
-webkit-animation: shunt-17 8s ease infinite alternate;
animation: shunt-17 8s ease infinite alternate;
background: #320a64;
box-shadow: 3px 3px rgba(50, 10, 100, 0.5);
}
@-webkit-keyframes shunt-17 {
0%, 10% {
transform: translate(30px, 150px);
}
30%, 40% {
transform: translate(60px, 180px);
}
70%, 80% {
transform: translate(30px, 30px);
}
95%, 100% {
transform: translate(240px, 180px);
}
}
@keyframes shunt-17 {
0%, 10% {
transform: translate(30px, 150px);
}
30%, 40% {
transform: translate(60px, 180px);
}
70%, 80% {
transform: translate(30px, 30px);
}
95%, 100% {
transform: translate(240px, 180px);
}
}
.wrap > *:nth-child(18) {
transform: translate(30px, 210px);
-webkit-animation: shunt-18 8s ease infinite alternate;
animation: shunt-18 8s ease infinite alternate;
background: #320a6e;
box-shadow: 3px 3px rgba(50, 10, 110, 0.5);
}
@-webkit-keyframes shunt-18 {
0%, 10% {
transform: translate(30px, 30px);
}
30%, 40% {
transform: translate(30px, 210px);
}
70%, 80% {
transform: translate(30px, 120px);
}
95%, 100% {
transform: translate(30px, 210px);
}
}
@keyframes shunt-18 {
0%, 10% {
transform: translate(30px, 30px);
}
30%, 40% {
transform: translate(30px, 210px);
}
70%, 80% {
transform: translate(30px, 120px);
}
95%, 100% {
transform: translate(30px, 210px);
}
}
.wrap > *:nth-child(19) {
transform: translate(30px, 240px);
-webkit-animation: shunt-19 8s ease infinite alternate;
animation: shunt-19 8s ease infinite alternate;
background: #320a78;
box-shadow: 3px 3px rgba(50, 10, 120, 0.5);
}
@-webkit-keyframes shunt-19 {
0%, 10% {
transform: translate(30px, 30px);
}
30%, 40% {
transform: translate(300px, 240px);
}
70%, 80% {
transform: translate(30px, 240px);
}
95%, 100% {
transform: translate(240px, 240px);
}
}
@keyframes shunt-19 {
0%, 10% {
transform: translate(30px, 30px);
}
30%, 40% {
transform: translate(300px, 240px);
}
70%, 80% {
transform: translate(30px, 240px);
}
95%, 100% {
transform: translate(240px, 240px);
}
}
.wrap > *:nth-child(20) {
transform: translate(30px, 270px);
-webkit-animation: shunt-20 8s ease infinite alternate;
animation: shunt-20 8s ease infinite alternate;
background: #320a82;
box-shadow: 3px 3px rgba(50, 10, 130, 0.5);
}
@-webkit-keyframes shunt-20 {
0%, 10% {
transform: translate(30px, 210px);
}
30%, 40% {
transform: translate(180px, 270px);
}
70%, 80% {
transform: translate(30px, 0px);
}
95%, 100% {
transform: translate(30px, 270px);
}
}
@keyframes shunt-20 {
0%, 10% {
transform: translate(30px, 210px);
}
30%, 40% {
transform: translate(180px, 270px);
}
70%, 80% {
transform: translate(30px, 0px);
}
95%, 100% {
transform: translate(30px, 270px);
}
}
.wrap > *:nth-child(21) {
transform: translate(60px, 0px);
-webkit-animation: shunt-21 8s ease infinite alternate;
animation: shunt-21 8s ease infinite alternate;
background: #3c0a28;
box-shadow: 3px 3px rgba(60, 10, 40, 0.5);
}
@-webkit-keyframes shunt-21 {
0%, 10% {
transform: translate(60px, 240px);
}
30%, 40% {
transform: translate(180px, 0px);
}
70%, 80% {
transform: translate(60px, 180px);
}
95%, 100% {
transform: translate(90px, 0px);
}
}
@keyframes shunt-21 {
0%, 10% {
transform: translate(60px, 240px);
}
30%, 40% {
transform: translate(180px, 0px);
}
70%, 80% {
transform: translate(60px, 180px);
}
95%, 100% {
transform: translate(90px, 0px);
}
}
.wrap > *:nth-child(22) {
transform: translate(60px, 30px);
-webkit-animation: shunt-22 8s ease infinite alternate;
animation: shunt-22 8s ease infinite alternate;
background: #3c0a32;
box-shadow: 3px 3px rgba(60, 10, 50, 0.5);
}
@-webkit-keyframes shunt-22 {
0%, 10% {
transform: translate(60px, 270px);
}
30%, 40% {
transform: translate(270px, 30px);
}
70%, 80% {
transform: translate(60px, 0px);
}
95%, 100% {
transform: translate(0px, 30px);
}
}
@keyframes shunt-22 {
0%, 10% {
transform: translate(60px, 270px);
}
30%, 40% {
transform: translate(270px, 30px);
}
70%, 80% {
transform: translate(60px, 0px);
}
95%, 100% {
transform: translate(0px, 30px);
}
}
.wrap > *:nth-child(23) {
transform: translate(60px, 60px);
-webkit-animation: shunt-23 8s ease infinite alternate;
animation: shunt-23 8s ease infinite alternate;
background: #3c0a3c;
box-shadow: 3px 3px rgba(60, 10, 60, 0.5);
}
@-webkit-keyframes shunt-23 {
0%, 10% {
transform: translate(60px, 180px);
}
30%, 40% {
transform: translate(30px, 60px);
}
70%, 80% {
transform: translate(60px, 240px);
}
95%, 100% {
transform: translate(30px, 60px);
}
}
@keyframes shunt-23 {
0%, 10% {
transform: translate(60px, 180px);
}
30%, 40% {
transform: translate(30px, 60px);
}
70%, 80% {
transform: translate(60px, 240px);
}
95%, 100% {
transform: translate(30px, 60px);
}
}
.wrap > *:nth-child(24) {
transform: translate(60px, 90px);
-webkit-animation: shunt-24 8s ease infinite alternate;
animation: shunt-24 8s ease infinite alternate;
background: #3c0a46;
box-shadow: 3px 3px rgba(60, 10, 70, 0.5);
}
@-webkit-keyframes shunt-24 {
0%, 10% {
transform: translate(60px, 180px);
}
30%, 40% {
transform: translate(210px, 90px);
}
70%, 80% {
transform: translate(60px, 180px);
}
95%, 100% {
transform: translate(90px, 90px);
}
}
@keyframes shunt-24 {
0%, 10% {
transform: translate(60px, 180px);
}
30%, 40% {
transform: translate(210px, 90px);
}
70%, 80% {
transform: translate(60px, 180px);
}
95%, 100% {
transform: translate(90px, 90px);
}
}
.wrap > *:nth-child(25) {
transform: translate(60px, 120px);
-webkit-animation: shunt-25 8s ease infinite alternate;
animation: shunt-25 8s ease infinite alternate;
background: #3c0a50;
box-shadow: 3px 3px rgba(60, 10, 80, 0.5);
}
@-webkit-keyframes shunt-25 {
0%, 10% {
transform: translate(60px, 210px);
}
30%, 40% {
transform: translate(30px, 120px);
}
70%, 80% {
transform: translate(60px, 0px);
}
95%, 100% {
transform: translate(90px, 120px);
}
}
@keyframes shunt-25 {
0%, 10% {
transform: translate(60px, 210px);
}
30%, 40% {
transform: translate(30px, 120px);
}
70%, 80% {
transform: translate(60px, 0px);
}
95%, 100% {
transform: translate(90px, 120px);
}
}
.wrap > *:nth-child(26) {
transform: translate(60px, 150px);
-webkit-animation: shunt-26 8s ease infinite alternate;
animation: shunt-26 8s ease infinite alternate;
background: #3c0a5a;
box-shadow: 3px 3px rgba(60, 10, 90, 0.5);
}
@-webkit-keyframes shunt-26 {
0%, 10% {
transform: translate(60px, 150px);
}
30%, 40% {
transform: translate(150px, 150px);
}
70%, 80% {
transform: translate(60px, 120px);
}
95%, 100% {
transform: translate(120px, 150px);
}
}
@keyframes shunt-26 {
0%, 10% {
transform: translate(60px, 150px);
}
30%, 40% {
transform: translate(150px, 150px);
}
70%, 80% {
transform: translate(60px, 120px);
}
95%, 100% {
transform: translate(120px, 150px);
}
}
.wrap > *:nth-child(27) {
transform: translate(60px, 180px);
-webkit-animation: shunt-27 8s ease infinite alternate;
animation: shunt-27 8s ease infinite alternate;
background: #3c0a64;
box-shadow: 3px 3px rgba(60, 10, 100, 0.5);
}
@-webkit-keyframes shunt-27 {
0%, 10% {
transform: translate(60px, 60px);
}
30%, 40% {
transform: translate(150px, 180px);
}
70%, 80% {
transform: translate(60px, 150px);
}
95%, 100% {
transform: translate(60px, 180px);
}
}
@keyframes shunt-27 {
0%, 10% {
transform: translate(60px, 60px);
}
30%, 40% {
transform: translate(150px, 180px);
}
70%, 80% {
transform: translate(60px, 150px);
}
95%, 100% {
transform: translate(60px, 180px);
}
}
.wrap > *:nth-child(28) {
transform: translate(60px, 210px);
-webkit-animation: shunt-28 8s ease infinite alternate;
animation: shunt-28 8s ease infinite alternate;
background: #3c0a6e;
box-shadow: 3px 3px rgba(60, 10, 110, 0.5);
}
@-webkit-keyframes shunt-28 {
0%, 10% {
transform: translate(60px, 210px);
}
30%, 40% {
transform: translate(90px, 210px);
}
70%, 80% {
transform: translate(60px, 120px);
}
95%, 100% {
transform: translate(330px, 210px);
}
}
@keyframes shunt-28 {
0%, 10% {
transform: translate(60px, 210px);
}
30%, 40% {
transform: translate(90px, 210px);
}
70%, 80% {
transform: translate(60px, 120px);
}
95%, 100% {
transform: translate(330px, 210px);
}
}
.wrap > *:nth-child(29) {
transform: translate(60px, 240px);
-webkit-animation: shunt-29 8s ease infinite alternate;
animation: shunt-29 8s ease infinite alternate;
background: #3c0a78;
box-shadow: 3px 3px rgba(60, 10, 120, 0.5);
}
@-webkit-keyframes shunt-29 {
0%, 10% {
transform: translate(60px, 120px);
}
30%, 40% {
transform: translate(0px, 240px);
}
70%, 80% {
transform: translate(60px, 30px);
}
95%, 100% {
transform: translate(120px, 240px);
}
}
@keyframes shunt-29 {
0%, 10% {
transform: translate(60px, 120px);
}
30%, 40% {
transform: translate(0px, 240px);
}
70%, 80% {
transform: translate(60px, 30px);
}
95%, 100% {
transform: translate(120px, 240px);
}
}
.wrap > *:nth-child(30) {
transform: translate(60px, 270px);
-webkit-animation: shunt-30 8s ease infinite alternate;
animation: shunt-30 8s ease infinite alternate;
background: #3c0a82;
box-shadow: 3px 3px rgba(60, 10, 130, 0.5);
}
@-webkit-keyframes shunt-30 {
0%, 10% {
transform: translate(60px, 270px);
}
30%, 40% {
transform: translate(300px, 270px);
}
70%, 80% {
transform: translate(60px, 60px);
}
95%, 100% {
transform: translate(150px, 270px);
}
}
@keyframes shunt-30 {
0%, 10% {
transform: translate(60px, 270px);
}
30%, 40% {
transform: translate(300px, 270px);
}
70%, 80% {
transform: translate(60px, 60px);
}
95%, 100% {
transform: translate(150px, 270px);
}
}
.wrap > *:nth-child(31) {
transform: translate(90px, 0px);
-webkit-animation: shunt-31 8s ease infinite alternate;
animation: shunt-31 8s ease infinite alternate;
background: #460a28;
box-shadow: 3px 3px rgba(70, 10, 40, 0.5);
}
@-webkit-keyframes shunt-31 {
0%, 10% {
transform: translate(90px, 120px);
}
30%, 40% {
transform: translate(270px, 0px);
}
70%, 80% {
transform: translate(90px, 180px);
}
95%, 100% {
transform: translate(90px, 0px);
}
}
@keyframes shunt-31 {
0%, 10% {
transform: translate(90px, 120px);
}
30%, 40% {
transform: translate(270px, 0px);
}
70%, 80% {
transform: translate(90px, 180px);
}
95%, 100% {
transform: translate(90px, 0px);
}
}
.wrap > *:nth-child(32) {
transform: translate(90px, 30px);
-webkit-animation: shunt-32 8s ease infinite alternate;
animation: shunt-32 8s ease infinite alternate;
background: #460a32;
box-shadow: 3px 3px rgba(70, 10, 50, 0.5);
}
@-webkit-keyframes shunt-32 {
0%, 10% {
transform: translate(90px, 180px);
}
30%, 40% {
transform: translate(300px, 30px);
}
70%, 80% {
transform: translate(90px, 180px);
}
95%, 100% {
transform: translate(210px, 30px);
}
}
@keyframes shunt-32 {
0%, 10% {
transform: translate(90px, 180px);
}
30%, 40% {
transform: translate(300px, 30px);
}
70%, 80% {
transform: translate(90px, 180px);
}
95%, 100% {
transform: translate(210px, 30px);
}
}
.wrap > *:nth-child(33) {
transform: translate(90px, 60px);
-webkit-animation: shunt-33 8s ease infinite alternate;
animation: shunt-33 8s ease infinite alternate;
background: #460a3c;
box-shadow: 3px 3px rgba(70, 10, 60, 0.5);
}
@-webkit-keyframes shunt-33 {
0%, 10% {
transform: translate(90px, 180px);
}
30%, 40% {
transform: translate(210px, 60px);
}
70%, 80% {
transform: translate(90px, 150px);
}
95%, 100% {
transform: translate(330px, 60px);
}
}
@keyframes shunt-33 {
0%, 10% {
transform: translate(90px, 180px);
}
30%, 40% {
transform: translate(210px, 60px);
}
70%, 80% {
transform: translate(90px, 150px);
}
95%, 100% {
transform: translate(330px, 60px);
}
}
.wrap > *:nth-child(34) {
transform: translate(90px, 90px);
-webkit-animation: shunt-34 8s ease infinite alternate;
animation: shunt-34 8s ease infinite alternate;
background: #460a46;
box-shadow: 3px 3px rgba(70, 10, 70, 0.5);
}
@-webkit-keyframes shunt-34 {
0%, 10% {
transform: translate(90px, 180px);
}
30%, 40% {
transform: translate(0px, 90px);
}
70%, 80% {
transform: translate(90px, 240px);
}
95%, 100% {
transform: translate(240px, 90px);
}
}
@keyframes shunt-34 {
0%, 10% {
transform: translate(90px, 180px);
}
30%, 40% {
transform: translate(0px, 90px);
}
70%, 80% {
transform: translate(90px, 240px);
}
95%, 100% {
transform: translate(240px, 90px);
}
}
.wrap > *:nth-child(35) {
transform: translate(90px, 120px);
-webkit-animation: shunt-35 8s ease infinite alternate;
animation: shunt-35 8s ease infinite alternate;
background: #460a50;
box-shadow: 3px 3px rgba(70, 10, 80, 0.5);
}
@-webkit-keyframes shunt-35 {
0%, 10% {
transform: translate(90px, 90px);
}
30%, 40% {
transform: translate(300px, 120px);
}
70%, 80% {
transform: translate(90px, 210px);
}
95%, 100% {
transform: translate(210px, 120px);
}
}
@keyframes shunt-35 {
0%, 10% {
transform: translate(90px, 90px);
}
30%, 40% {
transform: translate(300px, 120px);
}
70%, 80% {
transform: translate(90px, 210px);
}
95%, 100% {
transform: translate(210px, 120px);
}
}
.wrap > *:nth-child(36) {
transform: translate(90px, 150px);
-webkit-animation: shunt-36 8s ease infinite alternate;
animation: shunt-36 8s ease infinite alternate;
background: #460a5a;
box-shadow: 3px 3px rgba(70, 10, 90, 0.5);
}
@-webkit-keyframes shunt-36 {
0%, 10% {
transform: translate(90px, 210px);
}
30%, 40% {
transform: translate(270px, 150px);
}
70%, 80% {
transform: translate(90px, 150px);
}
95%, 100% {
transform: translate(0px, 150px);
}
}
@keyframes shunt-36 {
0%, 10% {
transform: translate(90px, 210px);
}
30%, 40% {
transform: translate(270px, 150px);
}
70%, 80% {
transform: translate(90px, 150px);
}
95%, 100% {
transform: translate(0px, 150px);
}
}
.wrap > *:nth-child(37) {
transform: translate(90px, 180px);
-webkit-animation: shunt-37 8s ease infinite alternate;
animation: shunt-37 8s ease infinite alternate;
background: #460a64;
box-shadow: 3px 3px rgba(70, 10, 100, 0.5);
}
@-webkit-keyframes shunt-37 {
0%, 10% {
transform: translate(90px, 0px);
}
30%, 40% {
transform: translate(120px, 180px);
}
70%, 80% {
transform: translate(90px, 270px);
}
95%, 100% {
transform: translate(240px, 180px);
}
}
@keyframes shunt-37 {
0%, 10% {
transform: translate(90px, 0px);
}
30%, 40% {
transform: translate(120px, 180px);
}
70%, 80% {
transform: translate(90px, 270px);
}
95%, 100% {
transform: translate(240px, 180px);
}
}
.wrap > *:nth-child(38) {
transform: translate(90px, 210px);
-webkit-animation: shunt-38 8s ease infinite alternate;
animation: shunt-38 8s ease infinite alternate;
background: #460a6e;
box-shadow: 3px 3px rgba(70, 10, 110, 0.5);
}
@-webkit-keyframes shunt-38 {
0%, 10% {
transform: translate(90px, 0px);
}
30%, 40% {
transform: translate(330px, 210px);
}
70%, 80% {
transform: translate(90px, 30px);
}
95%, 100% {
transform: translate(60px, 210px);
}
}
@keyframes shunt-38 {
0%, 10% {
transform: translate(90px, 0px);
}
30%, 40% {
transform: translate(330px, 210px);
}
70%, 80% {
transform: translate(90px, 30px);
}
95%, 100% {
transform: translate(60px, 210px);
}
}
.wrap > *:nth-child(39) {
transform: translate(90px, 240px);
-webkit-animation: shunt-39 8s ease infinite alternate;
animation: shunt-39 8s ease infinite alternate;
background: #460a78;
box-shadow: 3px 3px rgba(70, 10, 120, 0.5);
}
@-webkit-keyframes shunt-39 {
0%, 10% {
transform: translate(90px, 60px);
}
30%, 40% {
transform: translate(270px, 240px);
}
70%, 80% {
transform: translate(90px, 210px);
}
95%, 100% {
transform: translate(150px, 240px);
}
}
@keyframes shunt-39 {
0%, 10% {
transform: translate(90px, 60px);
}
30%, 40% {
transform: translate(270px, 240px);
}
70%, 80% {
transform: translate(90px, 210px);
}
95%, 100% {
transform: translate(150px, 240px);
}
}
.wrap > *:nth-child(40) {
transform: translate(90px, 270px);
-webkit-animation: shunt-40 8s ease infinite alternate;
animation: shunt-40 8s ease infinite alternate;
background: #460a82;
box-shadow: 3px 3px rgba(70, 10, 130, 0.5);
}
@-webkit-keyframes shunt-40 {
0%, 10% {
transform: translate(90px, 60px);
}
30%, 40% {
transform: translate(300px, 270px);
}
70%, 80% {
transform: translate(90px, 90px);
}
95%, 100% {
transform: translate(270px, 270px);
}
}
@keyframes shunt-40 {
0%, 10% {
transform: translate(90px, 60px);
}
30%, 40% {
transform: translate(300px, 270px);
}
70%, 80% {
transform: translate(90px, 90px);
}
95%, 100% {
transform: translate(270px, 270px);
}
}
.wrap > *:nth-child(41) {
transform: translate(120px, 0px);
-webkit-animation: shunt-41 8s ease infinite alternate;
animation: shunt-41 8s ease infinite alternate;
background: #500a28;
box-shadow: 3px 3px rgba(80, 10, 40, 0.5);
}
@-webkit-keyframes shunt-41 {
0%, 10% {
transform: translate(120px, 120px);
}
30%, 40% {
transform: translate(120px, 0px);
}
70%, 80% {
transform: translate(120px, 0px);
}
95%, 100% {
transform: translate(240px, 0px);
}
}
@keyframes shunt-41 {
0%, 10% {
transform: translate(120px, 120px);
}
30%, 40% {
transform: translate(120px, 0px);
}
70%, 80% {
transform: translate(120px, 0px);
}
95%, 100% {
transform: translate(240px, 0px);
}
}
.wrap > *:nth-child(42) {
transform: translate(120px, 30px);
-webkit-animation: shunt-42 8s ease infinite alternate;
animation: shunt-42 8s ease infinite alternate;
background: #500a32;
box-shadow: 3px 3px rgba(80, 10, 50, 0.5);
}
@-webkit-keyframes shunt-42 {
0%, 10% {
transform: translate(120px, 0px);
}
30%, 40% {
transform: translate(90px, 30px);
}
70%, 80% {
transform: translate(120px, 150px);
}
95%, 100% {
transform: translate(120px, 30px);
}
}
@keyframes shunt-42 {
0%, 10% {
transform: translate(120px, 0px);
}
30%, 40% {
transform: translate(90px, 30px);
}
70%, 80% {
transform: translate(120px, 150px);
}
95%, 100% {
transform: translate(120px, 30px);
}
}
.wrap > *:nth-child(43) {
transform: translate(120px, 60px);
-webkit-animation: shunt-43 8s ease infinite alternate;
animation: shunt-43 8s ease infinite alternate;
background: #500a3c;
box-shadow: 3px 3px rgba(80, 10, 60, 0.5);
}
@-webkit-keyframes shunt-43 {
0%, 10% {
transform: translate(120px, 0px);
}
30%, 40% {
transform: translate(120px, 60px);
}
70%, 80% {
transform: translate(120px, 60px);
}
95%, 100% {
transform: translate(90px, 60px);
}
}
@keyframes shunt-43 {
0%, 10% {
transform: translate(120px, 0px);
}
30%, 40% {
transform: translate(120px, 60px);
}
70%, 80% {
transform: translate(120px, 60px);
}
95%, 100% {
transform: translate(90px, 60px);
}
}
.wrap > *:nth-child(44) {
transform: translate(120px, 90px);
-webkit-animation: shunt-44 8s ease infinite alternate;
animation: shunt-44 8s ease infinite alternate;
background: #500a46;
box-shadow: 3px 3px rgba(80, 10, 70, 0.5);
}
@-webkit-keyframes shunt-44 {
0%, 10% {
transform: translate(120px, 240px);
}
30%, 40% {
transform: translate(180px, 90px);
}
70%, 80% {
transform: translate(120px, 60px);
}
95%, 100% {
transform: translate(330px, 90px);
}
}
@keyframes shunt-44 {
0%, 10% {
transform: translate(120px, 240px);
}
30%, 40% {
transform: translate(180px, 90px);
}
70%, 80% {
transform: translate(120px, 60px);
}
95%, 100% {
transform: translate(330px, 90px);
}
}
.wrap > *:nth-child(45) {
transform: translate(120px, 120px);
-webkit-animation: shunt-45 8s ease infinite alternate;
animation: shunt-45 8s ease infinite alternate;
background: #500a50;
box-shadow: 3px 3px rgba(80, 10, 80, 0.5);
}
@-webkit-keyframes shunt-45 {
0%, 10% {
transform: translate(120px, 240px);
}
30%, 40% {
transform: translate(120px, 120px);
}
70%, 80% {
transform: translate(120px, 30px);
}
95%, 100% {
transform: translate(0px, 120px);
}
}
@keyframes shunt-45 {
0%, 10% {
transform: translate(120px, 240px);
}
30%, 40% {
transform: translate(120px, 120px);
}
70%, 80% {
transform: translate(120px, 30px);
}
95%, 100% {
transform: translate(0px, 120px);
}
}
.wrap > *:nth-child(46) {
transform: translate(120px, 150px);
-webkit-animation: shunt-46 8s ease infinite alternate;
animation: shunt-46 8s ease infinite alternate;
background: #500a5a;
box-shadow: 3px 3px rgba(80, 10, 90, 0.5);
}
@-webkit-keyframes shunt-46 {
0%, 10% {
transform: translate(120px, 240px);
}
30%, 40% {
transform: translate(30px, 150px);
}
70%, 80% {
transform: translate(120px, 270px);
}
95%, 100% {
transform: translate(150px, 150px);
}
}
@keyframes shunt-46 {
0%, 10% {
transform: translate(120px, 240px);
}
30%, 40% {
transform: translate(30px, 150px);
}
70%, 80% {
transform: translate(120px, 270px);
}
95%, 100% {
transform: translate(150px, 150px);
}
}
.wrap > *:nth-child(47) {
transform: translate(120px, 180px);
-webkit-animation: shunt-47 8s ease infinite alternate;
animation: shunt-47 8s ease infinite alternate;
background: #500a64;
box-shadow: 3px 3px rgba(80, 10, 100, 0.5);
}
@-webkit-keyframes shunt-47 {
0%, 10% {
transform: translate(120px, 210px);
}
30%, 40% {
transform: translate(120px, 180px);
}
70%, 80% {
transform: translate(120px, 240px);
}
95%, 100% {
transform: translate(120px, 180px);
}
}
@keyframes shunt-47 {
0%, 10% {
transform: translate(120px, 210px);
}
30%, 40% {
transform: translate(120px, 180px);
}
70%, 80% {
transform: translate(120px, 240px);
}
95%, 100% {
transform: translate(120px, 180px);
}
}
.wrap > *:nth-child(48) {
transform: translate(120px, 210px);
-webkit-animation: shunt-48 8s ease infinite alternate;
animation: shunt-48 8s ease infinite alternate;
background: #500a6e;
box-shadow: 3px 3px rgba(80, 10, 110, 0.5);
}
@-webkit-keyframes shunt-48 {
0%, 10% {
transform: translate(120px, 60px);
}
30%, 40% {
transform: translate(300px, 210px);
}
70%, 80% {
transform: translate(120px, 150px);
}
95%, 100% {
transform: translate(330px, 210px);
}
}
@keyframes shunt-48 {
0%, 10% {
transform: translate(120px, 60px);
}
30%, 40% {
transform: translate(300px, 210px);
}
70%, 80% {
transform: translate(120px, 150px);
}
95%, 100% {
transform: translate(330px, 210px);
}
}
.wrap > *:nth-child(49) {
transform: translate(120px, 240px);
-webkit-animation: shunt-49 8s ease infinite alternate;
animation: shunt-49 8s ease infinite alternate;
background: #500a78;
box-shadow: 3px 3px rgba(80, 10, 120, 0.5);
}
@-webkit-keyframes shunt-49 {
0%, 10% {
transform: translate(120px, 30px);
}
30%, 40% {
transform: translate(210px, 240px);
}
70%, 80% {
transform: translate(120px, 30px);
}
95%, 100% {
transform: translate(180px, 240px);
}
}
@keyframes shunt-49 {
0%, 10% {
transform: translate(120px, 30px);
}
30%, 40% {
transform: translate(210px, 240px);
}
70%, 80% {
transform: translate(120px, 30px);
}
95%, 100% {
transform: translate(180px, 240px);
}
}
.wrap > *:nth-child(50) {
transform: translate(120px, 270px);
-webkit-animation: shunt-50 8s ease infinite alternate;
animation: shunt-50 8s ease infinite alternate;
background: #500a82;
box-shadow: 3px 3px rgba(80, 10, 130, 0.5);
}
@-webkit-keyframes shunt-50 {
0%, 10% {
transform: translate(120px, 90px);
}
30%, 40% {
transform: translate(300px, 270px);
}
70%, 80% {
transform: translate(120px, 30px);
}
95%, 100% {
transform: translate(120px, 270px);
}
}
@keyframes shunt-50 {
0%, 10% {
transform: translate(120px, 90px);
}
30%, 40% {
transform: translate(300px, 270px);
}
70%, 80% {
transform: translate(120px, 30px);
}
95%, 100% {
transform: translate(120px, 270px);
}
}
.wrap > *:nth-child(51) {
transform: translate(150px, 0px);
-webkit-animation: shunt-51 8s ease infinite alternate;
animation: shunt-51 8s ease infinite alternate;
background: #5a0a28;
box-shadow: 3px 3px rgba(90, 10, 40, 0.5);
}
@-webkit-keyframes shunt-51 {
0%, 10% {
transform: translate(150px, 60px);
}
30%, 40% {
transform: translate(180px, 0px);
}
70%, 80% {
transform: translate(150px, 210px);
}
95%, 100% {
transform: translate(180px, 0px);
}
}
@keyframes shunt-51 {
0%, 10% {
transform: translate(150px, 60px);
}
30%, 40% {
transform: translate(180px, 0px);
}
70%, 80% {
transform: translate(150px, 210px);
}
95%, 100% {
transform: translate(180px, 0px);
}
}
.wrap > *:nth-child(52) {
transform: translate(150px, 30px);
-webkit-animation: shunt-52 8s ease infinite alternate;
animation: shunt-52 8s ease infinite alternate;
background: #5a0a32;
box-shadow: 3px 3px rgba(90, 10, 50, 0.5);
}
@-webkit-keyframes shunt-52 {
0%, 10% {
transform: translate(150px, 90px);
}
30%, 40% {
transform: translate(330px, 30px);
}
70%, 80% {
transform: translate(150px, 0px);
}
95%, 100% {
transform: translate(90px, 30px);
}
}
@keyframes shunt-52 {
0%, 10% {
transform: translate(150px, 90px);
}
30%, 40% {
transform: translate(330px, 30px);
}
70%, 80% {
transform: translate(150px, 0px);
}
95%, 100% {
transform: translate(90px, 30px);
}
}
.wrap > *:nth-child(53) {
transform: translate(150px, 60px);
-webkit-animation: shunt-53 8s ease infinite alternate;
animation: shunt-53 8s ease infinite alternate;
background: #5a0a3c;
box-shadow: 3px 3px rgba(90, 10, 60, 0.5);
}
@-webkit-keyframes shunt-53 {
0%, 10% {
transform: translate(150px, 0px);
}
30%, 40% {
transform: translate(240px, 60px);
}
70%, 80% {
transform: translate(150px, 270px);
}
95%, 100% {
transform: translate(180px, 60px);
}
}
@keyframes shunt-53 {
0%, 10% {
transform: translate(150px, 0px);
}
30%, 40% {
transform: translate(240px, 60px);
}
70%, 80% {
transform: translate(150px, 270px);
}
95%, 100% {
transform: translate(180px, 60px);
}
}
.wrap > *:nth-child(54) {
transform: translate(150px, 90px);
-webkit-animation: shunt-54 8s ease infinite alternate;
animation: shunt-54 8s ease infinite alternate;
background: #5a0a46;
box-shadow: 3px 3px rgba(90, 10, 70, 0.5);
}
@-webkit-keyframes shunt-54 {
0%, 10% {
transform: translate(150px, 150px);
}
30%, 40% {
transform: translate(30px, 90px);
}
70%, 80% {
transform: translate(150px, 150px);
}
95%, 100% {
transform: translate(150px, 90px);
}
}
@keyframes shunt-54 {
0%, 10% {
transform: translate(150px, 150px);
}
30%, 40% {
transform: translate(30px, 90px);
}
70%, 80% {
transform: translate(150px, 150px);
}
95%, 100% {
transform: translate(150px, 90px);
}
}
.wrap > *:nth-child(55) {
transform: translate(150px, 120px);
-webkit-animation: shunt-55 8s ease infinite alternate;
animation: shunt-55 8s ease infinite alternate;
background: #5a0a50;
box-shadow: 3px 3px rgba(90, 10, 80, 0.5);
}
@-webkit-keyframes shunt-55 {
0%, 10% {
transform: translate(150px, 270px);
}
30%, 40% {
transform: translate(330px, 120px);
}
70%, 80% {
transform: translate(150px, 270px);
}
95%, 100% {
transform: translate(30px, 120px);
}
}
@keyframes shunt-55 {
0%, 10% {
transform: translate(150px, 270px);
}
30%, 40% {
transform: translate(330px, 120px);
}
70%, 80% {
transform: translate(150px, 270px);
}
95%, 100% {
transform: translate(30px, 120px);
}
}
.wrap > *:nth-child(56) {
transform: translate(150px, 150px);
-webkit-animation: shunt-56 8s ease infinite alternate;
animation: shunt-56 8s ease infinite alternate;
background: #5a0a5a;
box-shadow: 3px 3px rgba(90, 10, 90, 0.5);
}
@-webkit-keyframes shunt-56 {
0%, 10% {
transform: translate(150px, 270px);
}
30%, 40% {
transform: translate(210px, 150px);
}
70%, 80% {
transform: translate(150px, 0px);
}
95%, 100% {
transform: translate(270px, 150px);
}
}
@keyframes shunt-56 {
0%, 10% {
transform: translate(150px, 270px);
}
30%, 40% {
transform: translate(210px, 150px);
}
70%, 80% {
transform: translate(150px, 0px);
}
95%, 100% {
transform: translate(270px, 150px);
}
}
.wrap > *:nth-child(57) {
transform: translate(150px, 180px);
-webkit-animation: shunt-57 8s ease infinite alternate;
animation: shunt-57 8s ease infinite alternate;
background: #5a0a64;
box-shadow: 3px 3px rgba(90, 10, 100, 0.5);
}
@-webkit-keyframes shunt-57 {
0%, 10% {
transform: translate(150px, 180px);
}
30%, 40% {
transform: translate(180px, 180px);
}
70%, 80% {
transform: translate(150px, 90px);
}
95%, 100% {
transform: translate(120px, 180px);
}
}
@keyframes shunt-57 {
0%, 10% {
transform: translate(150px, 180px);
}
30%, 40% {
transform: translate(180px, 180px);
}
70%, 80% {
transform: translate(150px, 90px);
}
95%, 100% {
transform: translate(120px, 180px);
}
}
.wrap > *:nth-child(58) {
transform: translate(150px, 210px);
-webkit-animation: shunt-58 8s ease infinite alternate;
animation: shunt-58 8s ease infinite alternate;
background: #5a0a6e;
box-shadow: 3px 3px rgba(90, 10, 110, 0.5);
}
@-webkit-keyframes shunt-58 {
0%, 10% {
transform: translate(150px, 60px);
}
30%, 40% {
transform: translate(240px, 210px);
}
70%, 80% {
transform: translate(150px, 60px);
}
95%, 100% {
transform: translate(90px, 210px);
}
}
@keyframes shunt-58 {
0%, 10% {
transform: translate(150px, 60px);
}
30%, 40% {
transform: translate(240px, 210px);
}
70%, 80% {
transform: translate(150px, 60px);
}
95%, 100% {
transform: translate(90px, 210px);
}
}
.wrap > *:nth-child(59) {
transform: translate(150px, 240px);
-webkit-animation: shunt-59 8s ease infinite alternate;
animation: shunt-59 8s ease infinite alternate;
background: #5a0a78;
box-shadow: 3px 3px rgba(90, 10, 120, 0.5);
}
@-webkit-keyframes shunt-59 {
0%, 10% {
transform: translate(150px, 150px);
}
30%, 40% {
transform: translate(240px, 240px);
}
70%, 80% {
transform: translate(150px, 120px);
}
95%, 100% {
transform: translate(90px, 240px);
}
}
@keyframes shunt-59 {
0%, 10% {
transform: translate(150px, 150px);
}
30%, 40% {
transform: translate(240px, 240px);
}
70%, 80% {
transform: translate(150px, 120px);
}
95%, 100% {
transform: translate(90px, 240px);
}
}
.wrap > *:nth-child(60) {
transform: translate(150px, 270px);
-webkit-animation: shunt-60 8s ease infinite alternate;
animation: shunt-60 8s ease infinite alternate;
background: #5a0a82;
box-shadow: 3px 3px rgba(90, 10, 130, 0.5);
}
@-webkit-keyframes shunt-60 {
0%, 10% {
transform: translate(150px, 0px);
}
30%, 40% {
transform: translate(150px, 270px);
}
70%, 80% {
transform: translate(150px, 30px);
}
95%, 100% {
transform: translate(270px, 270px);
}
}
@keyframes shunt-60 {
0%, 10% {
transform: translate(150px, 0px);
}
30%, 40% {
transform: translate(150px, 270px);
}
70%, 80% {
transform: translate(150px, 30px);
}
95%, 100% {
transform: translate(270px, 270px);
}
}
.wrap > *:nth-child(61) {
transform: translate(180px, 0px);
-webkit-animation: shunt-61 8s ease infinite alternate;
animation: shunt-61 8s ease infinite alternate;
background: #640a28;
box-shadow: 3px 3px rgba(100, 10, 40, 0.5);
}
@-webkit-keyframes shunt-61 {
0%, 10% {
transform: translate(180px, 0px);
}
30%, 40% {
transform: translate(90px, 0px);
}
70%, 80% {
transform: translate(180px, 30px);
}
95%, 100% {
transform: translate(30px, 0px);
}
}
@keyframes shunt-61 {
0%, 10% {
transform: translate(180px, 0px);
}
30%, 40% {
transform: translate(90px, 0px);
}
70%, 80% {
transform: translate(180px, 30px);
}
95%, 100% {
transform: translate(30px, 0px);
}
}
.wrap > *:nth-child(62) {
transform: translate(180px, 30px);
-webkit-animation: shunt-62 8s ease infinite alternate;
animation: shunt-62 8s ease infinite alternate;
background: #640a32;
box-shadow: 3px 3px rgba(100, 10, 50, 0.5);
}
@-webkit-keyframes shunt-62 {
0%, 10% {
transform: translate(180px, 240px);
}
30%, 40% {
transform: translate(60px, 30px);
}
70%, 80% {
transform: translate(180px, 0px);
}
95%, 100% {
transform: translate(300px, 30px);
}
}
@keyframes shunt-62 {
0%, 10% {
transform: translate(180px, 240px);
}
30%, 40% {
transform: translate(60px, 30px);
}
70%, 80% {
transform: translate(180px, 0px);
}
95%, 100% {
transform: translate(300px, 30px);
}
}
.wrap > *:nth-child(63) {
transform: translate(180px, 60px);
-webkit-animation: shunt-63 8s ease infinite alternate;
animation: shunt-63 8s ease infinite alternate;
background: #640a3c;
box-shadow: 3px 3px rgba(100, 10, 60, 0.5);
}
@-webkit-keyframes shunt-63 {
0%, 10% {
transform: translate(180px, 90px);
}
30%, 40% {
transform: translate(150px, 60px);
}
70%, 80% {
transform: translate(180px, 180px);
}
95%, 100% {
transform: translate(270px, 60px);
}
}
@keyframes shunt-63 {
0%, 10% {
transform: translate(180px, 90px);
}
30%, 40% {
transform: translate(150px, 60px);
}
70%, 80% {
transform: translate(180px, 180px);
}
95%, 100% {
transform: translate(270px, 60px);
}
}
.wrap > *:nth-child(64) {
transform: translate(180px, 90px);
-webkit-animation: shunt-64 8s ease infinite alternate;
animation: shunt-64 8s ease infinite alternate;
background: #640a46;
box-shadow: 3px 3px rgba(100, 10, 70, 0.5);
}
@-webkit-keyframes shunt-64 {
0%, 10% {
transform: translate(180px, 210px);
}
30%, 40% {
transform: translate(300px, 90px);
}
70%, 80% {
transform: translate(180px, 270px);
}
95%, 100% {
transform: translate(150px, 90px);
}
}
@keyframes shunt-64 {
0%, 10% {
transform: translate(180px, 210px);
}
30%, 40% {
transform: translate(300px, 90px);
}
70%, 80% {
transform: translate(180px, 270px);
}
95%, 100% {
transform: translate(150px, 90px);
}
}
.wrap > *:nth-child(65) {
transform: translate(180px, 120px);
-webkit-animation: shunt-65 8s ease infinite alternate;
animation: shunt-65 8s ease infinite alternate;
background: #640a50;
box-shadow: 3px 3px rgba(100, 10, 80, 0.5);
}
@-webkit-keyframes shunt-65 {
0%, 10% {
transform: translate(180px, 270px);
}
30%, 40% {
transform: translate(330px, 120px);
}
70%, 80% {
transform: translate(180px, 120px);
}
95%, 100% {
transform: translate(300px, 120px);
}
}
@keyframes shunt-65 {
0%, 10% {
transform: translate(180px, 270px);
}
30%, 40% {
transform: translate(330px, 120px);
}
70%, 80% {
transform: translate(180px, 120px);
}
95%, 100% {
transform: translate(300px, 120px);
}
}
.wrap > *:nth-child(66) {
transform: translate(180px, 150px);
-webkit-animation: shunt-66 8s ease infinite alternate;
animation: shunt-66 8s ease infinite alternate;
background: #640a5a;
box-shadow: 3px 3px rgba(100, 10, 90, 0.5);
}
@-webkit-keyframes shunt-66 {
0%, 10% {
transform: translate(180px, 150px);
}
30%, 40% {
transform: translate(210px, 150px);
}
70%, 80% {
transform: translate(180px, 120px);
}
95%, 100% {
transform: translate(270px, 150px);
}
}
@keyframes shunt-66 {
0%, 10% {
transform: translate(180px, 150px);
}
30%, 40% {
transform: translate(210px, 150px);
}
70%, 80% {
transform: translate(180px, 120px);
}
95%, 100% {
transform: translate(270px, 150px);
}
}
.wrap > *:nth-child(67) {
transform: translate(180px, 180px);
-webkit-animation: shunt-67 8s ease infinite alternate;
animation: shunt-67 8s ease infinite alternate;
background: #640a64;
box-shadow: 3px 3px rgba(100, 10, 100, 0.5);
}
@-webkit-keyframes shunt-67 {
0%, 10% {
transform: translate(180px, 240px);
}
30%, 40% {
transform: translate(90px, 180px);
}
70%, 80% {
transform: translate(180px, 210px);
}
95%, 100% {
transform: translate(30px, 180px);
}
}
@keyframes shunt-67 {
0%, 10% {
transform: translate(180px, 240px);
}
30%, 40% {
transform: translate(90px, 180px);
}
70%, 80% {
transform: translate(180px, 210px);
}
95%, 100% {
transform: translate(30px, 180px);
}
}
.wrap > *:nth-child(68) {
transform: translate(180px, 210px);
-webkit-animation: shunt-68 8s ease infinite alternate;
animation: shunt-68 8s ease infinite alternate;
background: #640a6e;
box-shadow: 3px 3px rgba(100, 10, 110, 0.5);
}
@-webkit-keyframes shunt-68 {
0%, 10% {
transform: translate(180px, 120px);
}
30%, 40% {
transform: translate(90px, 210px);
}
70%, 80% {
transform: translate(180px, 180px);
}
95%, 100% {
transform: translate(150px, 210px);
}
}
@keyframes shunt-68 {
0%, 10% {
transform: translate(180px, 120px);
}
30%, 40% {
transform: translate(90px, 210px);
}
70%, 80% {
transform: translate(180px, 180px);
}
95%, 100% {
transform: translate(150px, 210px);
}
}
.wrap > *:nth-child(69) {
transform: translate(180px, 240px);
-webkit-animation: shunt-69 8s ease infinite alternate;
animation: shunt-69 8s ease infinite alternate;
background: #640a78;
box-shadow: 3px 3px rgba(100, 10, 120, 0.5);
}
@-webkit-keyframes shunt-69 {
0%, 10% {
transform: translate(180px, 120px);
}
30%, 40% {
transform: translate(270px, 240px);
}
70%, 80% {
transform: translate(180px, 240px);
}
95%, 100% {
transform: translate(330px, 240px);
}
}
@keyframes shunt-69 {
0%, 10% {
transform: translate(180px, 120px);
}
30%, 40% {
transform: translate(270px, 240px);
}
70%, 80% {
transform: translate(180px, 240px);
}
95%, 100% {
transform: translate(330px, 240px);
}
}
.wrap > *:nth-child(70) {
transform: translate(180px, 270px);
-webkit-animation: shunt-70 8s ease infinite alternate;
animation: shunt-70 8s ease infinite alternate;
background: #640a82;
box-shadow: 3px 3px rgba(100, 10, 130, 0.5);
}
@-webkit-keyframes shunt-70 {
0%, 10% {
transform: translate(180px, 90px);
}
30%, 40% {
transform: translate(120px, 270px);
}
70%, 80% {
transform: translate(180px, 180px);
}
95%, 100% {
transform: translate(180px, 270px);
}
}
@keyframes shunt-70 {
0%, 10% {
transform: translate(180px, 90px);
}
30%, 40% {
transform: translate(120px, 270px);
}
70%, 80% {
transform: translate(180px, 180px);
}
95%, 100% {
transform: translate(180px, 270px);
}
}
.wrap > *:nth-child(71) {
transform: translate(210px, 0px);
-webkit-animation: shunt-71 8s ease infinite alternate;
animation: shunt-71 8s ease infinite alternate;
background: #6e0a28;
box-shadow: 3px 3px rgba(110, 10, 40, 0.5);
}
@-webkit-keyframes shunt-71 {
0%, 10% {
transform: translate(210px, 120px);
}
30%, 40% {
transform: translate(120px, 0px);
}
70%, 80% {
transform: translate(210px, 210px);
}
95%, 100% {
transform: translate(210px, 0px);
}
}
@keyframes shunt-71 {
0%, 10% {
transform: translate(210px, 120px);
}
30%, 40% {
transform: translate(120px, 0px);
}
70%, 80% {
transform: translate(210px, 210px);
}
95%, 100% {
transform: translate(210px, 0px);
}
}
.wrap > *:nth-child(72) {
transform: translate(210px, 30px);
-webkit-animation: shunt-72 8s ease infinite alternate;
animation: shunt-72 8s ease infinite alternate;
background: #6e0a32;
box-shadow: 3px 3px rgba(110, 10, 50, 0.5);
}
@-webkit-keyframes shunt-72 {
0%, 10% {
transform: translate(210px, 180px);
}
30%, 40% {
transform: translate(240px, 30px);
}
70%, 80% {
transform: translate(210px, 240px);
}
95%, 100% {
transform: translate(300px, 30px);
}
}
@keyframes shunt-72 {
0%, 10% {
transform: translate(210px, 180px);
}
30%, 40% {
transform: translate(240px, 30px);
}
70%, 80% {
transform: translate(210px, 240px);
}
95%, 100% {
transform: translate(300px, 30px);
}
}
.wrap > *:nth-child(73) {
transform: translate(210px, 60px);
-webkit-animation: shunt-73 8s ease infinite alternate;
animation: shunt-73 8s ease infinite alternate;
background: #6e0a3c;
box-shadow: 3px 3px rgba(110, 10, 60, 0.5);
}
@-webkit-keyframes shunt-73 {
0%, 10% {
transform: translate(210px, 270px);
}
30%, 40% {
transform: translate(60px, 60px);
}
70%, 80% {
transform: translate(210px, 150px);
}
95%, 100% {
transform: translate(330px, 60px);
}
}
@keyframes shunt-73 {
0%, 10% {
transform: translate(210px, 270px);
}
30%, 40% {
transform: translate(60px, 60px);
}
70%, 80% {
transform: translate(210px, 150px);
}
95%, 100% {
transform: translate(330px, 60px);
}
}
.wrap > *:nth-child(74) {
transform: translate(210px, 90px);
-webkit-animation: shunt-74 8s ease infinite alternate;
animation: shunt-74 8s ease infinite alternate;
background: #6e0a46;
box-shadow: 3px 3px rgba(110, 10, 70, 0.5);
}
@-webkit-keyframes shunt-74 {
0%, 10% {
transform: translate(210px, 150px);
}
30%, 40% {
transform: translate(120px, 90px);
}
70%, 80% {
transform: translate(210px, 90px);
}
95%, 100% {
transform: translate(30px, 90px);
}
}
@keyframes shunt-74 {
0%, 10% {
transform: translate(210px, 150px);
}
30%, 40% {
transform: translate(120px, 90px);
}
70%, 80% {
transform: translate(210px, 90px);
}
95%, 100% {
transform: translate(30px, 90px);
}
}
.wrap > *:nth-child(75) {
transform: translate(210px, 120px);
-webkit-animation: shunt-75 8s ease infinite alternate;
animation: shunt-75 8s ease infinite alternate;
background: #6e0a50;
box-shadow: 3px 3px rgba(110, 10, 80, 0.5);
}
@-webkit-keyframes shunt-75 {
0%, 10% {
transform: translate(210px, 240px);
}
30%, 40% {
transform: translate(240px, 120px);
}
70%, 80% {
transform: translate(210px, 0px);
}
95%, 100% {
transform: translate(240px, 120px);
}
}
@keyframes shunt-75 {
0%, 10% {
transform: translate(210px, 240px);
}
30%, 40% {
transform: translate(240px, 120px);
}
70%, 80% {
transform: translate(210px, 0px);
}
95%, 100% {
transform: translate(240px, 120px);
}
}
.wrap > *:nth-child(76) {
transform: translate(210px, 150px);
-webkit-animation: shunt-76 8s ease infinite alternate;
animation: shunt-76 8s ease infinite alternate;
background: #6e0a5a;
box-shadow: 3px 3px rgba(110, 10, 90, 0.5);
}
@-webkit-keyframes shunt-76 {
0%, 10% {
transform: translate(210px, 210px);
}
30%, 40% {
transform: translate(150px, 150px);
}
70%, 80% {
transform: translate(210px, 270px);
}
95%, 100% {
transform: translate(60px, 150px);
}
}
@keyframes shunt-76 {
0%, 10% {
transform: translate(210px, 210px);
}
30%, 40% {
transform: translate(150px, 150px);
}
70%, 80% {
transform: translate(210px, 270px);
}
95%, 100% {
transform: translate(60px, 150px);
}
}
.wrap > *:nth-child(77) {
transform: translate(210px, 180px);
-webkit-animation: shunt-77 8s ease infinite alternate;
animation: shunt-77 8s ease infinite alternate;
background: #6e0a64;
box-shadow: 3px 3px rgba(110, 10, 100, 0.5);
}
@-webkit-keyframes shunt-77 {
0%, 10% {
transform: translate(210px, 210px);
}
30%, 40% {
transform: translate(60px, 180px);
}
70%, 80% {
transform: translate(210px, 120px);
}
95%, 100% {
transform: translate(210px, 180px);
}
}
@keyframes shunt-77 {
0%, 10% {
transform: translate(210px, 210px);
}
30%, 40% {
transform: translate(60px, 180px);
}
70%, 80% {
transform: translate(210px, 120px);
}
95%, 100% {
transform: translate(210px, 180px);
}
}
.wrap > *:nth-child(78) {
transform: translate(210px, 210px);
-webkit-animation: shunt-78 8s ease infinite alternate;
animation: shunt-78 8s ease infinite alternate;
background: #6e0a6e;
box-shadow: 3px 3px rgba(110, 10, 110, 0.5);
}
@-webkit-keyframes shunt-78 {
0%, 10% {
transform: translate(210px, 90px);
}
30%, 40% {
transform: translate(210px, 210px);
}
70%, 80% {
transform: translate(210px, 210px);
}
95%, 100% {
transform: translate(300px, 210px);
}
}
@keyframes shunt-78 {
0%, 10% {
transform: translate(210px, 90px);
}
30%, 40% {
transform: translate(210px, 210px);
}
70%, 80% {
transform: translate(210px, 210px);
}
95%, 100% {
transform: translate(300px, 210px);
}
}
.wrap > *:nth-child(79) {
transform: translate(210px, 240px);
-webkit-animation: shunt-79 8s ease infinite alternate;
animation: shunt-79 8s ease infinite alternate;
background: #6e0a78;
box-shadow: 3px 3px rgba(110, 10, 120, 0.5);
}
@-webkit-keyframes shunt-79 {
0%, 10% {
transform: translate(210px, 180px);
}
30%, 40% {
transform: translate(120px, 240px);
}
70%, 80% {
transform: translate(210px, 120px);
}
95%, 100% {
transform: translate(0px, 240px);
}
}
@keyframes shunt-79 {
0%, 10% {
transform: translate(210px, 180px);
}
30%, 40% {
transform: translate(120px, 240px);
}
70%, 80% {
transform: translate(210px, 120px);
}
95%, 100% {
transform: translate(0px, 240px);
}
}
.wrap > *:nth-child(80) {
transform: translate(210px, 270px);
-webkit-animation: shunt-80 8s ease infinite alternate;
animation: shunt-80 8s ease infinite alternate;
background: #6e0a82;
box-shadow: 3px 3px rgba(110, 10, 130, 0.5);
}
@-webkit-keyframes shunt-80 {
0%, 10% {
transform: translate(210px, 270px);
}
30%, 40% {
transform: translate(0px, 270px);
}
70%, 80% {
transform: translate(210px, 0px);
}
95%, 100% {
transform: translate(210px, 270px);
}
}
@keyframes shunt-80 {
0%, 10% {
transform: translate(210px, 270px);
}
30%, 40% {
transform: translate(0px, 270px);
}
70%, 80% {
transform: translate(210px, 0px);
}
95%, 100% {
transform: translate(210px, 270px);
}
}
.wrap > *:nth-child(81) {
transform: translate(240px, 0px);
-webkit-animation: shunt-81 8s ease infinite alternate;
animation: shunt-81 8s ease infinite alternate;
background: #780a28;
box-shadow: 3px 3px rgba(120, 10, 40, 0.5);
}
@-webkit-keyframes shunt-81 {
0%, 10% {
transform: translate(240px, 90px);
}
30%, 40% {
transform: translate(0px, 0px);
}
70%, 80% {
transform: translate(240px, 120px);
}
95%, 100% {
transform: translate(0px, 0px);
}
}
@keyframes shunt-81 {
0%, 10% {
transform: translate(240px, 90px);
}
30%, 40% {
transform: translate(0px, 0px);
}
70%, 80% {
transform: translate(240px, 120px);
}
95%, 100% {
transform: translate(0px, 0px);
}
}
.wrap > *:nth-child(82) {
transform: translate(240px, 30px);
-webkit-animation: shunt-82 8s ease infinite alternate;
animation: shunt-82 8s ease infinite alternate;
background: #780a32;
box-shadow: 3px 3px rgba(120, 10, 50, 0.5);
}
@-webkit-keyframes shunt-82 {
0%, 10% {
transform: translate(240px, 240px);
}
30%, 40% {
transform: translate(30px, 30px);
}
70%, 80% {
transform: translate(240px, 90px);
}
95%, 100% {
transform: translate(210px, 30px);
}
}
@keyframes shunt-82 {
0%, 10% {
transform: translate(240px, 240px);
}
30%, 40% {
transform: translate(30px, 30px);
}
70%, 80% {
transform: translate(240px, 90px);
}
95%, 100% {
transform: translate(210px, 30px);
}
}
.wrap > *:nth-child(83) {
transform: translate(240px, 60px);
-webkit-animation: shunt-83 8s ease infinite alternate;
animation: shunt-83 8s ease infinite alternate;
background: #780a3c;
box-shadow: 3px 3px rgba(120, 10, 60, 0.5);
}
@-webkit-keyframes shunt-83 {
0%, 10% {
transform: translate(240px, 30px);
}
30%, 40% {
transform: translate(90px, 60px);
}
70%, 80% {
transform: translate(240px, 90px);
}
95%, 100% {
transform: translate(270px, 60px);
}
}
@keyframes shunt-83 {
0%, 10% {
transform: translate(240px, 30px);
}
30%, 40% {
transform: translate(90px, 60px);
}
70%, 80% {
transform: translate(240px, 90px);
}
95%, 100% {
transform: translate(270px, 60px);
}
}
.wrap > *:nth-child(84) {
transform: translate(240px, 90px);
-webkit-animation: shunt-84 8s ease infinite alternate;
animation: shunt-84 8s ease infinite alternate;
background: #780a46;
box-shadow: 3px 3px rgba(120, 10, 70, 0.5);
}
@-webkit-keyframes shunt-84 {
0%, 10% {
transform: translate(240px, 60px);
}
30%, 40% {
transform: translate(30px, 90px);
}
70%, 80% {
transform: translate(240px, 180px);
}
95%, 100% {
transform: translate(240px, 90px);
}
}
@keyframes shunt-84 {
0%, 10% {
transform: translate(240px, 60px);
}
30%, 40% {
transform: translate(30px, 90px);
}
70%, 80% {
transform: translate(240px, 180px);
}
95%, 100% {
transform: translate(240px, 90px);
}
}
.wrap > *:nth-child(85) {
transform: translate(240px, 120px);
-webkit-animation: shunt-85 8s ease infinite alternate;
animation: shunt-85 8s ease infinite alternate;
background: #780a50;
box-shadow: 3px 3px rgba(120, 10, 80, 0.5);
}
@-webkit-keyframes shunt-85 {
0%, 10% {
transform: translate(240px, 270px);
}
30%, 40% {
transform: translate(240px, 120px);
}
70%, 80% {
transform: translate(240px, 210px);
}
95%, 100% {
transform: translate(90px, 120px);
}
}
@keyframes shunt-85 {
0%, 10% {
transform: translate(240px, 270px);
}
30%, 40% {
transform: translate(240px, 120px);
}
70%, 80% {
transform: translate(240px, 210px);
}
95%, 100% {
transform: translate(90px, 120px);
}
}
.wrap > *:nth-child(86) {
transform: translate(240px, 150px);
-webkit-animation: shunt-86 8s ease infinite alternate;
animation: shunt-86 8s ease infinite alternate;
background: #780a5a;
box-shadow: 3px 3px rgba(120, 10, 90, 0.5);
}
@-webkit-keyframes shunt-86 {
0%, 10% {
transform: translate(240px, 210px);
}
30%, 40% {
transform: translate(0px, 150px);
}
70%, 80% {
transform: translate(240px, 60px);
}
95%, 100% {
transform: translate(240px, 150px);
}
}
@keyframes shunt-86 {
0%, 10% {
transform: translate(240px, 210px);
}
30%, 40% {
transform: translate(0px, 150px);
}
70%, 80% {
transform: translate(240px, 60px);
}
95%, 100% {
transform: translate(240px, 150px);
}
}
.wrap > *:nth-child(87) {
transform: translate(240px, 180px);
-webkit-animation: shunt-87 8s ease infinite alternate;
animation: shunt-87 8s ease infinite alternate;
background: #780a64;
box-shadow: 3px 3px rgba(120, 10, 100, 0.5);
}
@-webkit-keyframes shunt-87 {
0%, 10% {
transform: translate(240px, 30px);
}
30%, 40% {
transform: translate(210px, 180px);
}
70%, 80% {
transform: translate(240px, 270px);
}
95%, 100% {
transform: translate(210px, 180px);
}
}
@keyframes shunt-87 {
0%, 10% {
transform: translate(240px, 30px);
}
30%, 40% {
transform: translate(210px, 180px);
}
70%, 80% {
transform: translate(240px, 270px);
}
95%, 100% {
transform: translate(210px, 180px);
}
}
.wrap > *:nth-child(88) {
transform: translate(240px, 210px);
-webkit-animation: shunt-88 8s ease infinite alternate;
animation: shunt-88 8s ease infinite alternate;
background: #780a6e;
box-shadow: 3px 3px rgba(120, 10, 110, 0.5);
}
@-webkit-keyframes shunt-88 {
0%, 10% {
transform: translate(240px, 90px);
}
30%, 40% {
transform: translate(330px, 210px);
}
70%, 80% {
transform: translate(240px, 180px);
}
95%, 100% {
transform: translate(240px, 210px);
}
}
@keyframes shunt-88 {
0%, 10% {
transform: translate(240px, 90px);
}
30%, 40% {
transform: translate(330px, 210px);
}
70%, 80% {
transform: translate(240px, 180px);
}
95%, 100% {
transform: translate(240px, 210px);
}
}
.wrap > *:nth-child(89) {
transform: translate(240px, 240px);
-webkit-animation: shunt-89 8s ease infinite alternate;
animation: shunt-89 8s ease infinite alternate;
background: #780a78;
box-shadow: 3px 3px rgba(120, 10, 120, 0.5);
}
@-webkit-keyframes shunt-89 {
0%, 10% {
transform: translate(240px, 150px);
}
30%, 40% {
transform: translate(270px, 240px);
}
70%, 80% {
transform: translate(240px, 120px);
}
95%, 100% {
transform: translate(180px, 240px);
}
}
@keyframes shunt-89 {
0%, 10% {
transform: translate(240px, 150px);
}
30%, 40% {
transform: translate(270px, 240px);
}
70%, 80% {
transform: translate(240px, 120px);
}
95%, 100% {
transform: translate(180px, 240px);
}
}
.wrap > *:nth-child(90) {
transform: translate(240px, 270px);
-webkit-animation: shunt-90 8s ease infinite alternate;
animation: shunt-90 8s ease infinite alternate;
background: #780a82;
box-shadow: 3px 3px rgba(120, 10, 130, 0.5);
}
@-webkit-keyframes shunt-90 {
0%, 10% {
transform: translate(240px, 180px);
}
30%, 40% {
transform: translate(150px, 270px);
}
70%, 80% {
transform: translate(240px, 90px);
}
95%, 100% {
transform: translate(60px, 270px);
}
}
@keyframes shunt-90 {
0%, 10% {
transform: translate(240px, 180px);
}
30%, 40% {
transform: translate(150px, 270px);
}
70%, 80% {
transform: translate(240px, 90px);
}
95%, 100% {
transform: translate(60px, 270px);
}
}
.wrap > *:nth-child(91) {
transform: translate(270px, 0px);
-webkit-animation: shunt-91 8s ease infinite alternate;
animation: shunt-91 8s ease infinite alternate;
background: #820a28;
box-shadow: 3px 3px rgba(130, 10, 40, 0.5);
}
@-webkit-keyframes shunt-91 {
0%, 10% {
transform: translate(270px, 0px);
}
30%, 40% {
transform: translate(0px, 0px);
}
70%, 80% {
transform: translate(270px, 270px);
}
95%, 100% {
transform: translate(330px, 0px);
}
}
@keyframes shunt-91 {
0%, 10% {
transform: translate(270px, 0px);
}
30%, 40% {
transform: translate(0px, 0px);
}
70%, 80% {
transform: translate(270px, 270px);
}
95%, 100% {
transform: translate(330px, 0px);
}
}
.wrap > *:nth-child(92) {
transform: translate(270px, 30px);
-webkit-animation: shunt-92 8s ease infinite alternate;
animation: shunt-92 8s ease infinite alternate;
background: #820a32;
box-shadow: 3px 3px rgba(130, 10, 50, 0.5);
}
@-webkit-keyframes shunt-92 {
0%, 10% {
transform: translate(270px, 150px);
}
30%, 40% {
transform: translate(300px, 30px);
}
70%, 80% {
transform: translate(270px, 0px);
}
95%, 100% {
transform: translate(60px, 30px);
}
}
@keyframes shunt-92 {
0%, 10% {
transform: translate(270px, 150px);
}
30%, 40% {
transform: translate(300px, 30px);
}
70%, 80% {
transform: translate(270px, 0px);
}
95%, 100% {
transform: translate(60px, 30px);
}
}
.wrap > *:nth-child(93) {
transform: translate(270px, 60px);
-webkit-animation: shunt-93 8s ease infinite alternate;
animation: shunt-93 8s ease infinite alternate;
background: #820a3c;
box-shadow: 3px 3px rgba(130, 10, 60, 0.5);
}
@-webkit-keyframes shunt-93 {
0%, 10% {
transform: translate(270px, 90px);
}
30%, 40% {
transform: translate(90px, 60px);
}
70%, 80% {
transform: translate(270px, 270px);
}
95%, 100% {
transform: translate(60px, 60px);
}
}
@keyframes shunt-93 {
0%, 10% {
transform: translate(270px, 90px);
}
30%, 40% {
transform: translate(90px, 60px);
}
70%, 80% {
transform: translate(270px, 270px);
}
95%, 100% {
transform: translate(60px, 60px);
}
}
.wrap > *:nth-child(94) {
transform: translate(270px, 90px);
-webkit-animation: shunt-94 8s ease infinite alternate;
animation: shunt-94 8s ease infinite alternate;
background: #820a46;
box-shadow: 3px 3px rgba(130, 10, 70, 0.5);
}
@-webkit-keyframes shunt-94 {
0%, 10% {
transform: translate(270px, 120px);
}
30%, 40% {
transform: translate(180px, 90px);
}
70%, 80% {
transform: translate(270px, 240px);
}
95%, 100% {
transform: translate(0px, 90px);
}
}
@keyframes shunt-94 {
0%, 10% {
transform: translate(270px, 120px);
}
30%, 40% {
transform: translate(180px, 90px);
}
70%, 80% {
transform: translate(270px, 240px);
}
95%, 100% {
transform: translate(0px, 90px);
}
}
.wrap > *:nth-child(95) {
transform: translate(270px, 120px);
-webkit-animation: shunt-95 8s ease infinite alternate;
animation: shunt-95 8s ease infinite alternate;
background: #820a50;
box-shadow: 3px 3px rgba(130, 10, 80, 0.5);
}
@-webkit-keyframes shunt-95 {
0%, 10% {
transform: translate(270px, 30px);
}
30%, 40% {
transform: translate(0px, 120px);
}
70%, 80% {
transform: translate(270px, 210px);
}
95%, 100% {
transform: translate(150px, 120px);
}
}
@keyframes shunt-95 {
0%, 10% {
transform: translate(270px, 30px);
}
30%, 40% {
transform: translate(0px, 120px);
}
70%, 80% {
transform: translate(270px, 210px);
}
95%, 100% {
transform: translate(150px, 120px);
}
}
.wrap > *:nth-child(96) {
transform: translate(270px, 150px);
-webkit-animation: shunt-96 8s ease infinite alternate;
animation: shunt-96 8s ease infinite alternate;
background: #820a5a;
box-shadow: 3px 3px rgba(130, 10, 90, 0.5);
}
@-webkit-keyframes shunt-96 {
0%, 10% {
transform: translate(270px, 90px);
}
30%, 40% {
transform: translate(330px, 150px);
}
70%, 80% {
transform: translate(270px, 60px);
}
95%, 100% {
transform: translate(30px, 150px);
}
}
@keyframes shunt-96 {
0%, 10% {
transform: translate(270px, 90px);
}
30%, 40% {
transform: translate(330px, 150px);
}
70%, 80% {
transform: translate(270px, 60px);
}
95%, 100% {
transform: translate(30px, 150px);
}
}
.wrap > *:nth-child(97) {
transform: translate(270px, 180px);
-webkit-animation: shunt-97 8s ease infinite alternate;
animation: shunt-97 8s ease infinite alternate;
background: #820a64;
box-shadow: 3px 3px rgba(130, 10, 100, 0.5);
}
@-webkit-keyframes shunt-97 {
0%, 10% {
transform: translate(270px, 60px);
}
30%, 40% {
transform: translate(270px, 180px);
}
70%, 80% {
transform: translate(270px, 60px);
}
95%, 100% {
transform: translate(300px, 180px);
}
}
@keyframes shunt-97 {
0%, 10% {
transform: translate(270px, 60px);
}
30%, 40% {
transform: translate(270px, 180px);
}
70%, 80% {
transform: translate(270px, 60px);
}
95%, 100% {
transform: translate(300px, 180px);
}
}
.wrap > *:nth-child(98) {
transform: translate(270px, 210px);
-webkit-animation: shunt-98 8s ease infinite alternate;
animation: shunt-98 8s ease infinite alternate;
background: #820a6e;
box-shadow: 3px 3px rgba(130, 10, 110, 0.5);
}
@-webkit-keyframes shunt-98 {
0%, 10% {
transform: translate(270px, 240px);
}
30%, 40% {
transform: translate(30px, 210px);
}
70%, 80% {
transform: translate(270px, 30px);
}
95%, 100% {
transform: translate(180px, 210px);
}
}
@keyframes shunt-98 {
0%, 10% {
transform: translate(270px, 240px);
}
30%, 40% {
transform: translate(30px, 210px);
}
70%, 80% {
transform: translate(270px, 30px);
}
95%, 100% {
transform: translate(180px, 210px);
}
}
.wrap > *:nth-child(99) {
transform: translate(270px, 240px);
-webkit-animation: shunt-99 8s ease infinite alternate;
animation: shunt-99 8s ease infinite alternate;
background: #820a78;
box-shadow: 3px 3px rgba(130, 10, 120, 0.5);
}
@-webkit-keyframes shunt-99 {
0%, 10% {
transform: translate(270px, 60px);
}
30%, 40% {
transform: translate(180px, 240px);
}
70%, 80% {
transform: translate(270px, 270px);
}
95%, 100% {
transform: translate(120px, 240px);
}
}
@keyframes shunt-99 {
0%, 10% {
transform: translate(270px, 60px);
}
30%, 40% {
transform: translate(180px, 240px);
}
70%, 80% {
transform: translate(270px, 270px);
}
95%, 100% {
transform: translate(120px, 240px);
}
}
.wrap > *:nth-child(100) {
transform: translate(270px, 270px);
-webkit-animation: shunt-100 8s ease infinite alternate;
animation: shunt-100 8s ease infinite alternate;
background: #820a82;
box-shadow: 3px 3px rgba(130, 10, 130, 0.5);
}
@-webkit-keyframes shunt-100 {
0%, 10% {
transform: translate(270px, 60px);
}
30%, 40% {
transform: translate(330px, 270px);
}
70%, 80% {
transform: translate(270px, 90px);
}
95%, 100% {
transform: translate(0px, 270px);
}
}
@keyframes shunt-100 {
0%, 10% {
transform: translate(270px, 60px);
}
30%, 40% {
transform: translate(330px, 270px);
}
70%, 80% {
transform: translate(270px, 90px);
}
95%, 100% {
transform: translate(0px, 270px);
}
}
.wrap > *:nth-child(101) {
transform: translate(300px, 0px);
-webkit-animation: shunt-101 8s ease infinite alternate;
animation: shunt-101 8s ease infinite alternate;
background: #8c0a28;
box-shadow: 3px 3px rgba(140, 10, 40, 0.5);
}
@-webkit-keyframes shunt-101 {
0%, 10% {
transform: translate(300px, 30px);
}
30%, 40% {
transform: translate(0px, 0px);
}
70%, 80% {
transform: translate(300px, 90px);
}
95%, 100% {
transform: translate(330px, 0px);
}
}
@keyframes shunt-101 {
0%, 10% {
transform: translate(300px, 30px);
}
30%, 40% {
transform: translate(0px, 0px);
}
70%, 80% {
transform: translate(300px, 90px);
}
95%, 100% {
transform: translate(330px, 0px);
}
}
.wrap > *:nth-child(102) {
transform: translate(300px, 30px);
-webkit-animation: shunt-102 8s ease infinite alternate;
animation: shunt-102 8s ease infinite alternate;
background: #8c0a32;
box-shadow: 3px 3px rgba(140, 10, 50, 0.5);
}
@-webkit-keyframes shunt-102 {
0%, 10% {
transform: translate(300px, 180px);
}
30%, 40% {
transform: translate(60px, 30px);
}
70%, 80% {
transform: translate(300px, 270px);
}
95%, 100% {
transform: translate(270px, 30px);
}
}
@keyframes shunt-102 {
0%, 10% {
transform: translate(300px, 180px);
}
30%, 40% {
transform: translate(60px, 30px);
}
70%, 80% {
transform: translate(300px, 270px);
}
95%, 100% {
transform: translate(270px, 30px);
}
}
.wrap > *:nth-child(103) {
transform: translate(300px, 60px);
-webkit-animation: shunt-103 8s ease infinite alternate;
animation: shunt-103 8s ease infinite alternate;
background: #8c0a3c;
box-shadow: 3px 3px rgba(140, 10, 60, 0.5);
}
@-webkit-keyframes shunt-103 {
0%, 10% {
transform: translate(300px, 60px);
}
30%, 40% {
transform: translate(0px, 60px);
}
70%, 80% {
transform: translate(300px, 150px);
}
95%, 100% {
transform: translate(30px, 60px);
}
}
@keyframes shunt-103 {
0%, 10% {
transform: translate(300px, 60px);
}
30%, 40% {
transform: translate(0px, 60px);
}
70%, 80% {
transform: translate(300px, 150px);
}
95%, 100% {
transform: translate(30px, 60px);
}
}
.wrap > *:nth-child(104) {
transform: translate(300px, 90px);
-webkit-animation: shunt-104 8s ease infinite alternate;
animation: shunt-104 8s ease infinite alternate;
background: #8c0a46;
box-shadow: 3px 3px rgba(140, 10, 70, 0.5);
}
@-webkit-keyframes shunt-104 {
0%, 10% {
transform: translate(300px, 120px);
}
30%, 40% {
transform: translate(90px, 90px);
}
70%, 80% {
transform: translate(300px, 240px);
}
95%, 100% {
transform: translate(60px, 90px);
}
}
@keyframes shunt-104 {
0%, 10% {
transform: translate(300px, 120px);
}
30%, 40% {
transform: translate(90px, 90px);
}
70%, 80% {
transform: translate(300px, 240px);
}
95%, 100% {
transform: translate(60px, 90px);
}
}
.wrap > *:nth-child(105) {
transform: translate(300px, 120px);
-webkit-animation: shunt-105 8s ease infinite alternate;
animation: shunt-105 8s ease infinite alternate;
background: #8c0a50;
box-shadow: 3px 3px rgba(140, 10, 80, 0.5);
}
@-webkit-keyframes shunt-105 {
0%, 10% {
transform: translate(300px, 0px);
}
30%, 40% {
transform: translate(240px, 120px);
}
70%, 80% {
transform: translate(300px, 90px);
}
95%, 100% {
transform: translate(0px, 120px);
}
}
@keyframes shunt-105 {
0%, 10% {
transform: translate(300px, 0px);
}
30%, 40% {
transform: translate(240px, 120px);
}
70%, 80% {
transform: translate(300px, 90px);
}
95%, 100% {
transform: translate(0px, 120px);
}
}
.wrap > *:nth-child(106) {
transform: translate(300px, 150px);
-webkit-animation: shunt-106 8s ease infinite alternate;
animation: shunt-106 8s ease infinite alternate;
background: #8c0a5a;
box-shadow: 3px 3px rgba(140, 10, 90, 0.5);
}
@-webkit-keyframes shunt-106 {
0%, 10% {
transform: translate(300px, 120px);
}
30%, 40% {
transform: translate(330px, 150px);
}
70%, 80% {
transform: translate(300px, 150px);
}
95%, 100% {
transform: translate(30px, 150px);
}
}
@keyframes shunt-106 {
0%, 10% {
transform: translate(300px, 120px);
}
30%, 40% {
transform: translate(330px, 150px);
}
70%, 80% {
transform: translate(300px, 150px);
}
95%, 100% {
transform: translate(30px, 150px);
}
}
.wrap > *:nth-child(107) {
transform: translate(300px, 180px);
-webkit-animation: shunt-107 8s ease infinite alternate;
animation: shunt-107 8s ease infinite alternate;
background: #8c0a64;
box-shadow: 3px 3px rgba(140, 10, 100, 0.5);
}
@-webkit-keyframes shunt-107 {
0%, 10% {
transform: translate(300px, 150px);
}
30%, 40% {
transform: translate(30px, 180px);
}
70%, 80% {
transform: translate(300px, 60px);
}
95%, 100% {
transform: translate(300px, 180px);
}
}
@keyframes shunt-107 {
0%, 10% {
transform: translate(300px, 150px);
}
30%, 40% {
transform: translate(30px, 180px);
}
70%, 80% {
transform: translate(300px, 60px);
}
95%, 100% {
transform: translate(300px, 180px);
}
}
.wrap > *:nth-child(108) {
transform: translate(300px, 210px);
-webkit-animation: shunt-108 8s ease infinite alternate;
animation: shunt-108 8s ease infinite alternate;
background: #8c0a6e;
box-shadow: 3px 3px rgba(140, 10, 110, 0.5);
}
@-webkit-keyframes shunt-108 {
0%, 10% {
transform: translate(300px, 30px);
}
30%, 40% {
transform: translate(150px, 210px);
}
70%, 80% {
transform: translate(300px, 60px);
}
95%, 100% {
transform: translate(120px, 210px);
}
}
@keyframes shunt-108 {
0%, 10% {
transform: translate(300px, 30px);
}
30%, 40% {
transform: translate(150px, 210px);
}
70%, 80% {
transform: translate(300px, 60px);
}
95%, 100% {
transform: translate(120px, 210px);
}
}
.wrap > *:nth-child(109) {
transform: translate(300px, 240px);
-webkit-animation: shunt-109 8s ease infinite alternate;
animation: shunt-109 8s ease infinite alternate;
background: #8c0a78;
box-shadow: 3px 3px rgba(140, 10, 120, 0.5);
}
@-webkit-keyframes shunt-109 {
0%, 10% {
transform: translate(300px, 270px);
}
30%, 40% {
transform: translate(60px, 240px);
}
70%, 80% {
transform: translate(300px, 210px);
}
95%, 100% {
transform: translate(120px, 240px);
}
}
@keyframes shunt-109 {
0%, 10% {
transform: translate(300px, 270px);
}
30%, 40% {
transform: translate(60px, 240px);
}
70%, 80% {
transform: translate(300px, 210px);
}
95%, 100% {
transform: translate(120px, 240px);
}
}
.wrap > *:nth-child(110) {
transform: translate(300px, 270px);
-webkit-animation: shunt-110 8s ease infinite alternate;
animation: shunt-110 8s ease infinite alternate;
background: #8c0a82;
box-shadow: 3px 3px rgba(140, 10, 130, 0.5);
}
@-webkit-keyframes shunt-110 {
0%, 10% {
transform: translate(300px, 90px);
}
30%, 40% {
transform: translate(180px, 270px);
}
70%, 80% {
transform: translate(300px, 120px);
}
95%, 100% {
transform: translate(330px, 270px);
}
}
@keyframes shunt-110 {
0%, 10% {
transform: translate(300px, 90px);
}
30%, 40% {
transform: translate(180px, 270px);
}
70%, 80% {
transform: translate(300px, 120px);
}
95%, 100% {
transform: translate(330px, 270px);
}
}
.wrap > *:nth-child(111) {
transform: translate(330px, 0px);
-webkit-animation: shunt-111 8s ease infinite alternate;
animation: shunt-111 8s ease infinite alternate;
background: #960a28;
box-shadow: 3px 3px rgba(150, 10, 40, 0.5);
}
@-webkit-keyframes shunt-111 {
0%, 10% {
transform: translate(330px, 240px);
}
30%, 40% {
transform: translate(150px, 0px);
}
70%, 80% {
transform: translate(330px, 240px);
}
95%, 100% {
transform: translate(270px, 0px);
}
}
@keyframes shunt-111 {
0%, 10% {
transform: translate(330px, 240px);
}
30%, 40% {
transform: translate(150px, 0px);
}
70%, 80% {
transform: translate(330px, 240px);
}
95%, 100% {
transform: translate(270px, 0px);
}
}
.wrap > *:nth-child(112) {
transform: translate(330px, 30px);
-webkit-animation: shunt-112 8s ease infinite alternate;
animation: shunt-112 8s ease infinite alternate;
background: #960a32;
box-shadow: 3px 3px rgba(150, 10, 50, 0.5);
}
@-webkit-keyframes shunt-112 {
0%, 10% {
transform: translate(330px, 30px);
}
30%, 40% {
transform: translate(240px, 30px);
}
70%, 80% {
transform: translate(330px, 150px);
}
95%, 100% {
transform: translate(90px, 30px);
}
}
@keyframes shunt-112 {
0%, 10% {
transform: translate(330px, 30px);
}
30%, 40% {
transform: translate(240px, 30px);
}
70%, 80% {
transform: translate(330px, 150px);
}
95%, 100% {
transform: translate(90px, 30px);
}
}
.wrap > *:nth-child(113) {
transform: translate(330px, 60px);
-webkit-animation: shunt-113 8s ease infinite alternate;
animation: shunt-113 8s ease infinite alternate;
background: #960a3c;
box-shadow: 3px 3px rgba(150, 10, 60, 0.5);
}
@-webkit-keyframes shunt-113 {
0%, 10% {
transform: translate(330px, 90px);
}
30%, 40% {
transform: translate(120px, 60px);
}
70%, 80% {
transform: translate(330px, 150px);
}
95%, 100% {
transform: translate(150px, 60px);
}
}
@keyframes shunt-113 {
0%, 10% {
transform: translate(330px, 90px);
}
30%, 40% {
transform: translate(120px, 60px);
}
70%, 80% {
transform: translate(330px, 150px);
}
95%, 100% {
transform: translate(150px, 60px);
}
}
.wrap > *:nth-child(114) {
transform: translate(330px, 90px);
-webkit-animation: shunt-114 8s ease infinite alternate;
animation: shunt-114 8s ease infinite alternate;
background: #960a46;
box-shadow: 3px 3px rgba(150, 10, 70, 0.5);
}
@-webkit-keyframes shunt-114 {
0%, 10% {
transform: translate(330px, 0px);
}
30%, 40% {
transform: translate(150px, 90px);
}
70%, 80% {
transform: translate(330px, 210px);
}
95%, 100% {
transform: translate(300px, 90px);
}
}
@keyframes shunt-114 {
0%, 10% {
transform: translate(330px, 0px);
}
30%, 40% {
transform: translate(150px, 90px);
}
70%, 80% {
transform: translate(330px, 210px);
}
95%, 100% {
transform: translate(300px, 90px);
}
}
.wrap > *:nth-child(115) {
transform: translate(330px, 120px);
-webkit-animation: shunt-115 8s ease infinite alternate;
animation: shunt-115 8s ease infinite alternate;
background: #960a50;
box-shadow: 3px 3px rgba(150, 10, 80, 0.5);
}
@-webkit-keyframes shunt-115 {
0%, 10% {
transform: translate(330px, 150px);
}
30%, 40% {
transform: translate(30px, 120px);
}
70%, 80% {
transform: translate(330px, 210px);
}
95%, 100% {
transform: translate(210px, 120px);
}
}
@keyframes shunt-115 {
0%, 10% {
transform: translate(330px, 150px);
}
30%, 40% {
transform: translate(30px, 120px);
}
70%, 80% {
transform: translate(330px, 210px);
}
95%, 100% {
transform: translate(210px, 120px);
}
}
.wrap > *:nth-child(116) {
transform: translate(330px, 150px);
-webkit-animation: shunt-116 8s ease infinite alternate;
animation: shunt-116 8s ease infinite alternate;
background: #960a5a;
box-shadow: 3px 3px rgba(150, 10, 90, 0.5);
}
@-webkit-keyframes shunt-116 {
0%, 10% {
transform: translate(330px, 30px);
}
30%, 40% {
transform: translate(60px, 150px);
}
70%, 80% {
transform: translate(330px, 90px);
}
95%, 100% {
transform: translate(60px, 150px);
}
}
@keyframes shunt-116 {
0%, 10% {
transform: translate(330px, 30px);
}
30%, 40% {
transform: translate(60px, 150px);
}
70%, 80% {
transform: translate(330px, 90px);
}
95%, 100% {
transform: translate(60px, 150px);
}
}
.wrap > *:nth-child(117) {
transform: translate(330px, 180px);
-webkit-animation: shunt-117 8s ease infinite alternate;
animation: shunt-117 8s ease infinite alternate;
background: #960a64;
box-shadow: 3px 3px rgba(150, 10, 100, 0.5);
}
@-webkit-keyframes shunt-117 {
0%, 10% {
transform: translate(330px, 60px);
}
30%, 40% {
transform: translate(270px, 180px);
}
70%, 80% {
transform: translate(330px, 90px);
}
95%, 100% {
transform: translate(210px, 180px);
}
}
@keyframes shunt-117 {
0%, 10% {
transform: translate(330px, 60px);
}
30%, 40% {
transform: translate(270px, 180px);
}
70%, 80% {
transform: translate(330px, 90px);
}
95%, 100% {
transform: translate(210px, 180px);
}
}
.wrap > *:nth-child(118) {
transform: translate(330px, 210px);
-webkit-animation: shunt-118 8s ease infinite alternate;
animation: shunt-118 8s ease infinite alternate;
background: #960a6e;
box-shadow: 3px 3px rgba(150, 10, 110, 0.5);
}
@-webkit-keyframes shunt-118 {
0%, 10% {
transform: translate(330px, 210px);
}
30%, 40% {
transform: translate(240px, 210px);
}
70%, 80% {
transform: translate(330px, 30px);
}
95%, 100% {
transform: translate(300px, 210px);
}
}
@keyframes shunt-118 {
0%, 10% {
transform: translate(330px, 210px);
}
30%, 40% {
transform: translate(240px, 210px);
}
70%, 80% {
transform: translate(330px, 30px);
}
95%, 100% {
transform: translate(300px, 210px);
}
}
.wrap > *:nth-child(119) {
transform: translate(330px, 240px);
-webkit-animation: shunt-119 8s ease infinite alternate;
animation: shunt-119 8s ease infinite alternate;
background: #960a78;
box-shadow: 3px 3px rgba(150, 10, 120, 0.5);
}
@-webkit-keyframes shunt-119 {
0%, 10% {
transform: translate(330px, 150px);
}
30%, 40% {
transform: translate(0px, 240px);
}
70%, 80% {
transform: translate(330px, 180px);
}
95%, 100% {
transform: translate(330px, 240px);
}
}
@keyframes shunt-119 {
0%, 10% {
transform: translate(330px, 150px);
}
30%, 40% {
transform: translate(0px, 240px);
}
70%, 80% {
transform: translate(330px, 180px);
}
95%, 100% {
transform: translate(330px, 240px);
}
}
.wrap > *:nth-child(120) {
transform: translate(330px, 270px);
-webkit-animation: shunt-120 8s ease infinite alternate;
animation: shunt-120 8s ease infinite alternate;
background: #960a82;
box-shadow: 3px 3px rgba(150, 10, 130, 0.5);
}
@-webkit-keyframes shunt-120 {
0%, 10% {
transform: translate(330px, 120px);
}
30%, 40% {
transform: translate(270px, 270px);
}
70%, 80% {
transform: translate(330px, 270px);
}
95%, 100% {
transform: translate(270px, 270px);
}
}
@keyframes shunt-120 {
0%, 10% {
transform: translate(330px, 120px);
}
30%, 40% {
transform: translate(270px, 270px);
}
70%, 80% {
transform: translate(330px, 270px);
}
95%, 100% {
transform: translate(270px, 270px);
}
}
</style>
</body></html>