@charset "utf-8";
/* CSS Document */

@keyframes flux01 {
  0%   {background-color:white; width:550px; height:90px; left:0px; top:0px;}
  20% {background-color:#21001c; width:600px; height:500px; left:0px; top:500px;}
  60% {background-color:black; width:50px; height:50px; left:0px; top:800px;}
  75% {background-color:white; width:350px; height:500px; left:0px; top:2000px;}
  100% {background-color:white; width:100px; height:50px; left:0px; top:500px;}
}
#flux01 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.7;
  animation-name: flux01;
  animation-duration: 120s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux02 {
  0%   {background-color:#21001c; width:150px; height:100px; left:0px; top:0px;}
  35% {background-color:black; width:400px; height:300px; left:0px; top:3750px;}
  50% {background-color:#21001c; width:200px; height:50px; left:0px; top:4000px;}
  85% {background-color:black; width:600px; height:400px; left:0px; top:4500px;}
  100% {background-color:#21001c; width:50px; height:200px; left:0px; top:15000px;}
}
#flux02 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.3;
  animation-name: flux02;
  animation-duration: 840s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux03 {
  0%   {background-color:white; width:300px; height:150px; left:0px; top:0px;}
  5% {background-color:white; width:100px; height:400px; left:0px; top:1875px;}
  44% {background-color:white; width:600px; height:600px; left:0px; top:4800px;}
  81% {background-color:white; width:200px; height:200px; left:0px; top:11250px;}
  100% {background-color:white; width:400px; height:300px; left:0px; top:15000px;}
}
#flux03 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.5;
  animation-name: flux03;
  animation-duration: 410s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux04 {
  0%   {background-color:white; width:500px; height:400px; left:0px; top:0px;}
  15% {background-color:white; width:300px; height:100px; left:0px; top:1875px;}
  36% {background-color:white; width:200px; height:200px; left:0px; top:100px;}
  66% {background-color:#21001c; width:100px; height:500px; left:0px; top:500px;}
  100% {background-color:white; width:600px; height:50px; left:0px; top:3000px;}
}
#flux04 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.6;
  animation-name: flux04;
  animation-duration: 139s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux05 {
  0%   {background-color:white; width:600px; height:50px; left:0px; top:500px;}
  12% {background-color:white; width:500px; height:200px; left:0px; top:-640px;}
  46% {background-color:white; width:300px; height:400px; left:0px; top:4800px;}
  82% {background-color:#21001c; width:200px; height:300px; left:0px; top:11250px;}
  100% {background-color:white; width:400px; height:100px; left:0px; top:15000px;}
}
#flux05 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.8;
  animation-name: flux05;
  animation-duration: 250s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux06 {
  0%   {background-color:white; width:300px; height:500px; left:0px; top:1875px;opacity:0.7;}
  22% {background-color:white; width:600px; height:222px; left:0px; top:-690px;opacity:0.9;}
  34% {background-color:white; width:100px; height:600px; left:0px; top:2400px;opacity:0.7;}
  67% {background-color:white; width:400px; height:100px; left:0px; top:7500px;}
  100% {background-color:white; width:600px; height:400px; left:0px; top:9000px;}
}
#flux06 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.8;
  animation-name: flux06;
  animation-duration: 320s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux07 {
  0%   {background-color:white; width:400px; height:200px; left:0px; top:0px;}
  5% {background-color:white; width:200px; height:300px; left:0px; top:1875px;}
  10% {background-color:#21001c; width:500px; height:400px; left:0px; top:6750px;}
  75% {background-color:white; width:100px; height:50px; left:0px; top:15000px;}
  100% {background-color:white; width:600px; height:600px; left:0px; top:15000px;}
}
#flux07 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.9;
  animation-name: flux07;
  animation-duration: 370s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux08 {
  0%   {background-color:white; width:200px; height:200px; left:0px; top:0px;}
  2% {background-color:white; width:600px; height:500px; left:0px; top:750px;}
  28% {background-color:white; width:300px; height:50px; left:0px; top:6000px;}
  74% {background-color:white; width:100px; height:400px; left:0px; top:7500px;}
  100% {background-color:#21001c; width:400px; height:100px; left:0px; top:15000px;}
}
#flux08 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.9;
  animation-name: flux08;
  animation-duration: 580s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux09 {
  0%   {background-color:white; width:400px; height:300px; left:0px; top:0px;}
  25% {background-color:white; width:100px; height:50px; left:0px; top:1125px;}
  60% {background-color:white; width:600px; height:600px; left:0px; top:9600px;}
  75% {background-color:#21001c; width:300px; height:200px; left:0px; top:15000px;}
  100% {background-color:white; width:200px; height:400px; left:0px; top:15000px;}
}
#flux09 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.9;
  animation-name: flux09;
  animation-duration: 260s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux10 {
  0%   {background-color:#21001c; width:600px; height:400px; left:0px; top:0px;}
  22% {background-color:white; width:200px; height:100px; left:0px; top:3750px;}
  45% {background-color:white; width:300px; height:300px; left:0px; top:9375px;}
  75% {background-color:white; width:100px; height:200px; left:0px; top:15000px;}
  100% {background-color:white; width:400px; height:50px; left:0px; top:15000px;}
}
#flux10 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.9;
  animation-name: flux10;
  animation-duration: 280s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}


@keyframes flux11 {
  0%   {background-color:white; width:400px; height:200px; left:0px; top:0px;}
  25% {background-color:white; width:200px; height:300px; left:0px; top:3000px;}
  60% {background-color:white; width:500px; height:400px; left:0px; top:9000px;}
  75% {background-color:white; width:100px; height:50px; left:0px; top:15000px;}
  100% {background-color:white; width:600px; height:600px; left:0px; top:15000px;}
}
#flux11 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.5;
  animation-name: flux11;
  animation-duration: 377s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux12 {
  0%   {background-color:white; width:200px; height:200px; left:0px; top:0px;}
  25% {background-color:white; width:600px; height:500px; left:0px; top:2250px;}
  60% {background-color:white; width:300px; height:50px; left:0px; top:7500px;}
  75% {background-color:#21001c; width:100px; height:400px; left:0px; top:10500px;}
  100% {background-color:white; width:400px; height:100px; left:0px; top:15000px;}
}
#flux12 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.8;
  animation-name: flux12;
  animation-duration: 417s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux13 {
  0%   {background-color:white; width:400px; height:300px; left:0px; top:5000px;}
  25% {background-color:#21001c; width:100px; height:50px; left:0px; top:-625px;}
  60% {background-color:white; width:600px; height:600px; left:0px; top:1250px;}
  75% {background-color:white; width:300px; height:200px; left:0px; top:100px;}
  100% {background-color:white; width:200px; height:400px; left:0px; top:-1000px;}
}
#flux13 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.6;
  animation-name: flux13;
  animation-duration: 210s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux14 {
  0%   {background-color:white; width:600px; height:400px; left:0px; top:0px;}
  30% {background-color:white; width:200px; height:100px; left:0px; top:25px;}
  60% {background-color:white; width:300px; height:300px; left:0px; top:250px;}
  75% {background-color:white; width:100px; height:200px; left:0px; top:11000px;}
  100% {background-color:white; width:400px; height:50px; left:0px; top:15000px;}
}
#flux14 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.7;
  animation-name: flux14;
  animation-duration: 670s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux15 {
  0%   {background-color:white; width:300px; height:500px; left:0px; top:0px;}
  25% {background-color:white; width:200px; height:200px; left:0px; top:3000px;}
  60% {background-color:#21001c; width:100px; height:600px; left:0px; top:-1000px;}
  75% {background-color:white; width:400px; height:100px; left:0px; top:11250px;}
  100% {background-color:#21001c; width:600px; height:400px; left:0px; top:1000px;}
}
#flux15 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.5;
  animation-name: flux15;
  animation-duration: 350s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux16 {
  0%   {background-color:white; width:400px; height:200px; left:0px; top:10000px;}
  25% {background-color:white; width:200px; height:300px; left:0px; top:5500px;}
  60% {background-color:#21001c; width:500px; height:400px; left:0px; top:10500px;}
  75% {background-color:white; width:100px; height:50px; left:0px; top:14000px;}
  100% {background-color:#21001c; width:600px; height:600px; left:0px; top:6000px;}
}
#flux16 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.8;
  animation-name: flux16;
  animation-duration: 483s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux17 {
  0%   {background-color:#21001c; width:200px; height:200px; left:0px; top:6000px;}
  25% {background-color:white; width:600px; height:500px; left:0px; top:3750px;}
  60% {background-color:white; width:300px; height:50px; left:0px; top:9000px;}
  75% {background-color:#21001c; width:100px; height:400px; left:0px; top:12000px;}
  100% {background-color:white; width:400px; height:100px; left:0px; top:15000px;}
}
#flux17 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.8;
  animation-name: flux17;
  animation-duration: 750s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux18 {
  0%   {background-color:white; width:400px; height:300px; left:0px; top:8880px;}
  25% {background-color:white; width:100px; height:50px; left:0px; top:5250px;}
  60% {background-color:white; width:600px; height:600px; left:0px; top:2600px;}
  75% {background-color:#21001c; width:50px; height:500px; left:0px; top:8800px;}
  100% {background-color:white; width:200px; height:400px; left:0px; top:14000px;}
}
#flux18 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.9;
  animation-name: flux18;
  animation-duration: 600s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux19 {
  0%   {background-color:#21001c; width:600px; height:400px; left:0px; top:5000px;}
  25% {background-color:white; width:200px; height:100px; left:0px; top:7500px;}
  45% {background-color:#21001c; width:300px; height:300px; left:0px; top:12250px;}
  79% {background-color:white; width:100px; height:200px; left:0px; top:11000px;}
  100% {background-color:white; width:400px; height:50px; left:0px; top:15000px;}
}
#flux19 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.7;
  animation-name: flux19;
  animation-duration: 360s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux20 {
  0%   {background-color:white; width:300px; height:500px; left:0px; top:0px;}
  5% {background-color:white; width:200px; height:200px; left:0px; top:-750px;}
  40% {background-color:white; width:100px; height:600px; left:0px; top:4000px;}
  70% {background-color:white; width:400px; height:100px; left:0px; top:13500px;}
  100% {background-color:white; width:600px; height:400px; left:0px; top:-1000px;}
}
#flux20 {
	width: 1px;
  height: 500px;
  position: relative;
  z-index:99;
  opacity:0.6;
  animation-name: flux20;
  animation-duration: 1100s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux21 {
  0%   {background-color:white; width:400px; height:300px; left:0px; top:13000px;}
  12% {background-color:#21001c; width:500px; height:800px; left:0px; top:100px;}
  32% {background-color:white; width:600px; height:600px; left:0px; top:4250px;}
  77% {background-color:#21001c; width:300px; height:2000px; left:0px; top:2000px;}
  100% {background-color:white; width:200px; height:400px; left:0px; top:0px;}
}
#flux21 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.3;
  animation-name: flux21;
  animation-duration: 600s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux22 {
  0%   {background-color:white; width:400px; height:200px; left:0px; top:16500px;}
  15% {background-color:white; width:100px; height:150px; left:0px; top:12250px;}
  60% {background-color:#21001c; width:300px; height:500px; left:0px; top:1500px;}
  75% {background-color:white; width:300px; height:400px; left:0px; top:8000px;}
  100% {background-color:white; width:50px; height:500px; left:0px; top:15000px;}
}
#flux22 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.7;
  animation-name: flux22;
  animation-duration: 460s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux23 {
  0%   {background-color:#21001c; width:600px; height:100px; left:0px; top:16750px;}
  12% {background-color:white; width:100px; height:50px; left:0px; top:10125px;}
  50% {background-color:white; width:200px; height:340px; left:0px; top:6506px;}
  77% {background-color:#21001c; width:500px; height:60px; left:0px; top:8200px;}
  100% {background-color:white; width:200px; height:400px; left:0px; top:15000px;}
}
#flux23 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:90;
  opacity:0.9;
  animation-name: flux23;
  animation-duration: 370s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux24 {
  0%   {background-color:white; width:400px; height:200px; left:0px; top:11000px;}
  15% {background-color:#21001c; width:100px; height:150px; left:0px; top:13250px;}
  60% {background-color:white; width:300px; height:500px; left:0px; top:5500px;}
  75% {background-color:white; width:300px; height:400px; left:0px; top:8000px;}
  100% {background-color:white; width:50px; height:500px; left:0px; top:1000px;}
}
#flux24 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.6;
  animation-name: flux24;
  animation-duration: 880s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux25 {
  0%   {background-color:white; width:400px; height:300px; left:0px; top:600px;}
  12% {background-color:white; width:100px; height:50px; left:0px; top:6125px;}
  50% {background-color:white; width:600px; height:600px; left:0px; top:4250px;}
  77% {background-color:#21001c; width:300px; height:200px; left:0px; top:14200px;}
  100% {background-color:white; width:200px; height:400px; left:0px; top:6000px;}
}
#flux25 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.7;
  animation-name: flux25;
  animation-duration: 770s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}

@keyframes flux26 {
  0%   {background-color:white; width:400px; height:200px; left:0px; top:11000px;}
  15% {background-color:white; width:100px; height:150px; left:0px; top:550px;}
  60% {background-color:#21001c; width:300px; height:500px; left:0px; top:1500px;}
  75% {background-color:white; width:300px; height:400px; left:0px; top:9000px;}
  100% {background-color:#21001c; width:50px; height:500px; left:0px; top:14000px;}
}
#flux26 {
	width: 1px;
  height: 500px;
  position: absolute;
  z-index:99;
  opacity:0.6;
  animation-name: flux26;
  animation-duration: 1100s;
  animation-iteration-count: 2000;
  animation-direction: alternate; 
}