- ID de l'analyse :
- 0e51ad06-23b8-4c14-a104-f8d73274a1ebTerminée
- URL soumise :
- https://nlu.sat.ae/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 3 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<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>