@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: 1px;
  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: 1px;
  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: 1px;
  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: 1px;
  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; 
}