body {
    background-image: url("img/psychadelicGIF043600.gif");
    background-color: #000011;
    background-size: 100%;
    background-repeat: repeat;
    cursor: url(img/psychacursor.png), auto;
} 

iframe {
    position:fixed;
    z-index:+1;
    
}


#music {
    text-align:center;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-color:  #000022;

}


#middle {
    opacity: 0.8;
    text-align:center;
    width: 90%;
    height: 8500px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}


#one {
    opacity: 0.75;
    text-align:center;
    width: 380px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df0000;
    position: absolute;
    z-index: +1;
    -webkit-animation: one 3s infinite; /* Chrome, Safari, Opera */
    animation: one 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
} 

#two {
    opacity: 0.70;
    text-align:center;
    width: 500px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df371f;
    position: absolute;
    z-index: +1;
    -webkit-animation: two 3s infinite; /* Chrome, Safari, Opera */
    animation: two 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#three {
    opacity: 0.8;
    text-align:center;
    width: 350px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df4a0b;
    position: absolute;
    z-index: +1;
    -webkit-animation: three 4s infinite; /* Chrome, Safari, Opera */
    animation: three 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#four  {
    opacity: 0.68;
    text-align:center;
    width: 420px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfb016;
    position: absolute;
    z-index: +1;
    -webkit-animation: four 5s infinite; /* Chrome, Safari, Opera */
    animation: four 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#five  {
    opacity: 0.80;
    text-align:center;
    width: 300px;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: five 3s infinite; /* Chrome, Safari, Opera */
    animation: five 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#six {
    opacity: 0.72;
    text-align:center;
    width: 250px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #95ec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: six 2s infinite; /* Chrome, Safari, Opera */
    animation: six 2s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#seven  {
    opacity: 0.70;
    text-align:center;
    width: 250px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a960d;
    position: absolute;
    z-index: +1;
    -webkit-animation: seven 4s infinite; /* Chrome, Safari, Opera */
    animation: seven 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#eight {
    opacity: 0.69;
    text-align:center;
    width: 325px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2ae4c9;
    position: absolute;
    z-index: +1;
    -webkit-animation: eight 4s infinite; /* Chrome, Safari, Opera */
    animation: eight 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#nine {
    opacity: 0.62;
    text-align:center;
    width: 150px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a06fd;
    position: absolute;
    z-index: +1;
    -webkit-animation: nine 5s infinite; /* Chrome, Safari, Opera */
    animation: nine 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#ten {
    opacity: 0.75;
    text-align:center;
    width: 240px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a2c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: ten 3s infinite; /* Chrome, Safari, Opera */
    animation: ten 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#eleven {
    opacity: 0.6;
    text-align:center;
    width: 75px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #602c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: eleven 4s infinite; /* Chrome, Safari, Opera */
    animation: eleven 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#twelve {
    opacity: 0.7;
    text-align:center;
    width: 175px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df2437;
    position: absolute;
    z-index: +1;
    -webkit-animation: twelve 10s infinite; /* Chrome, Safari, Opera */
    animation: twelve 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#onea {
    opacity: 0.75;
    text-align:center;
    width: 380px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df0000;
    position: absolute;
    z-index: +1;
    -webkit-animation: onea 3s infinite; /* Chrome, Safari, Opera */
    animation: onea 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
} 

#twoa {
    opacity: 0.70;
    text-align:center;
    width: 500px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df371f;
    position: absolute;
    z-index: +1;
    -webkit-animation: twoa 3s infinite; /* Chrome, Safari, Opera */
    animation: twoa 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#threea {
    opacity: 0.8;
    text-align:center;
    width: 350px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df4a0b;
    position: absolute;
    z-index: +1;
    -webkit-animation: threea 4s infinite; /* Chrome, Safari, Opera */
    animation: threea 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#foura  {
    opacity: 0.68;
    text-align:center;
    width: 420px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfb016;
    position: absolute;
    z-index: +1;
    -webkit-animation: foura 5s infinite; /* Chrome, Safari, Opera */
    animation: foura 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fivea  {
    opacity: 0.80;
    text-align:center;
    width: 300px;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: fivea 3s infinite; /* Chrome, Safari, Opera */
    animation: fivea 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#sixa {
    opacity: 0.72;
    text-align:center;
    width: 250px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #95ec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: sixa 2s infinite; /* Chrome, Safari, Opera */
    animation: sixa 2s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#sevena  {
    opacity: 0.70;
    text-align:center;
    width: 250px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a960d;
    position: absolute;
    z-index: +1;
    -webkit-animation: sevena 4s infinite; /* Chrome, Safari, Opera */
    animation: sevena 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#eighta {
    opacity: 0.69;
    text-align:center;
    width: 325px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2ae4c9;
    position: absolute;
    z-index: +1;
    -webkit-animation: eighta 4s infinite; /* Chrome, Safari, Opera */
    animation: eighta 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#ninea {
    opacity: 0.62;
    text-align:center;
    width: 150px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a06fd;
    position: absolute;
    z-index: +1;
    -webkit-animation: ninea 5s infinite; /* Chrome, Safari, Opera */
    animation: ninea 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#tena {
    opacity: 0.75;
    text-align:center;
    width: 240px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a2c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: tena 3s infinite; /* Chrome, Safari, Opera */
    animation: tena 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#elevena {
    opacity: 0.6;
    text-align:center;
    width: 75px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #602c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: elevena 4s infinite; /* Chrome, Safari, Opera */
    animation: elevena 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#twelvea {
    opacity: 0.7;
    text-align:center;
    width: 75px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df2437;
    position: absolute;
    z-index: +1;
    -webkit-animation: twelvea 10s infinite; /* Chrome, Safari, Opera */
    animation: twelvea 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


#oneb {
    opacity: 0.75;
    text-align:center;
    width: 380px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df0000;
    position: absolute;
    z-index: +1;
    -webkit-animation: oneb 5s infinite; /* Chrome, Safari, Opera */
    animation: oneb 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
} 

#twob {
    opacity: 0.70;
    text-align:center;
    width: 500px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df371f;
    position: absolute;
    z-index: +1;
    -webkit-animation: twob 2s infinite; /* Chrome, Safari, Opera */
    animation: twob 2s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#threeb {
    opacity: 0.8;
    text-align:center;
    width: 350px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df4a0b;
    position: absolute;
    z-index: +1;
    -webkit-animation: threeb 6s infinite; /* Chrome, Safari, Opera */
    animation: threeb 6s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fourb  {
    opacity: 0.68;
    text-align:center;
    width: 420px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfb016;
    position: absolute;
    z-index: +1;
    -webkit-animation: fourb 7s infinite; /* Chrome, Safari, Opera */
    animation: fourb 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fiveb  {
    opacity: 0.80;
    text-align:center;
    width: 300px;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: fiveb 5s infinite; /* Chrome, Safari, Opera */
    animation: fiveb 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#sixb {
    opacity: 0.72;
    text-align:center;
    width: 250px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #95ec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: sixb 7s infinite; /* Chrome, Safari, Opera */
    animation: sixb 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#sevenb  {
    opacity: 0.70;
    text-align:center;
    width: 250px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a960d;
    position: absolute;
    z-index: +1;
    -webkit-animation: sevenb 10s infinite; /* Chrome, Safari, Opera */
    animation: sevenb 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#eightb {
    opacity: 0.69;
    text-align:center;
    width: 325px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2ae4c9;
    position: absolute;
    z-index: +1;
    -webkit-animation: eightb 14s infinite; /* Chrome, Safari, Opera */
    animation: eightb 14s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#nineb {
    opacity: 0.62;
    text-align:center;
    width: 150px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a06fd;
    position: absolute;
    z-index: +1;
    -webkit-animation: nineb 3s infinite; /* Chrome, Safari, Opera */
    animation: nineb 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#tenb {
    opacity: 0.75;
    text-align:center;
    width: 240px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a2c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: tenb 1s infinite; /* Chrome, Safari, Opera */
    animation: tenb 1s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#elevenb {
    opacity: 0.6;
    text-align:center;
    width: 75px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #602c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: elevenb 4s infinite; /* Chrome, Safari, Opera */
    animation: elevenb 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#twelveb {
    opacity: 0.7;
    text-align:center;
    width: 175px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df2437;
    position: absolute;
    z-index: +1;
    -webkit-animation: twelveb 8s infinite; /* Chrome, Safari, Opera */
    animation: twelveb 8s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#onec {
    opacity: 0.75;
    text-align:center;
    width: 380px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df0000;
    position: absolute;
    z-index: +1;
    -webkit-animation: onec 12s infinite; /* Chrome, Safari, Opera */
    animation: onec 12s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
} 

#twoc {
    opacity: 0.70;
    text-align:center;
    width: 500px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df371f;
    position: absolute;
    z-index: +1;
    -webkit-animation: twoc 7s infinite; /* Chrome, Safari, Opera */
    animation: twoc 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#threec {
    opacity: 0.8;
    text-align:center;
    width: 350px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df4a0b;
    position: absolute;
    z-index: +1;
    -webkit-animation: threec 7s infinite; /* Chrome, Safari, Opera */
    animation: threec 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fourc  {
    opacity: 0.68;
    text-align:center;
    width: 420px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfb016;
    position: absolute;
    z-index: +1;
    -webkit-animation: fourc 2s infinite; /* Chrome, Safari, Opera */
    animation: fourc 2s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fivec  {
    opacity: 0.80;
    text-align:center;
    width: 300px;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: fivec 7s infinite; /* Chrome, Safari, Opera */
    animation: fivec 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#sixc {
    opacity: 0.72;
    text-align:center;
    width: 250px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #95ec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: sixc 12s infinite; /* Chrome, Safari, Opera */
    animation: sixc 12s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#sevenc {
    opacity: 0.70;
    text-align:center;
    width: 250px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a960d;
    position: absolute;
    z-index: +1;
    -webkit-animation: sevenc 8s infinite; /* Chrome, Safari, Opera */
    animation: sevenc 8s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#eightc {
    opacity: 0.69;
    text-align:center;
    width: 325px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2ae4c9;
    position: absolute;
    z-index: +1;
    -webkit-animation: eightc 9s infinite; /* Chrome, Safari, Opera */
    animation: eightc 9s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#ninec {
    opacity: 0.62;
    text-align:center;
    width: 150px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a06fd;
    position: absolute;
    z-index: +1;
    -webkit-animation: ninec 7s infinite; /* Chrome, Safari, Opera */
    animation: ninec 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#tenc {
    opacity: 0.75;
    text-align:center;
    width: 240px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a2c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: tenc 3s infinite; /* Chrome, Safari, Opera */
    animation: tenc 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#elevenc {
    opacity: 0.6;
    text-align:center;
    width: 75px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #602c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: elevenc 4s infinite; /* Chrome, Safari, Opera */
    animation: elevenc 4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#twelvec {
    opacity: 0.7;
    text-align:center;
    width: 175px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df2437;
    position: absolute;
    z-index: +1;
    -webkit-animation: twelvec 5s infinite; /* Chrome, Safari, Opera */
    animation: twelvec 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#oned {
    opacity: 0.75;
    text-align:center;
    width: 380px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df0000;
    position: absolute;
    z-index: +1;
    -webkit-animation: oned 8s infinite; /* Chrome, Safari, Opera */
    animation: oned 8s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
} 

#twod {
    opacity: 0.70;
    text-align:center;
    width: 500px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df371f;
    position: absolute;
    z-index: +1;
    -webkit-animation: twod 7s infinite; /* Chrome, Safari, Opera */
    animation: twod 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#threed {
    opacity: 0.8;
    text-align:center;
    width: 350px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df4a0b;
    position: absolute;
    z-index: +1;
    -webkit-animation: threed 14s infinite; /* Chrome, Safari, Opera */
    animation: threed 14s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fourd  {
    opacity: 0.68;
    text-align:center;
    width: 420px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfb016;
    position: absolute;
    z-index: +1;
    -webkit-animation: fourd 7s infinite; /* Chrome, Safari, Opera */
    animation: fourd 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fived  {
    opacity: 0.80;
    text-align:center;
    width: 300px;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: fived 9s infinite; /* Chrome, Safari, Opera */
    animation: fived 9s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#sixd {
    opacity: 0.72;
    text-align:center;
    width: 250px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #95ec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: sixd 12s infinite; /* Chrome, Safari, Opera */
    animation: sixd 12s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#sevend  {
    opacity: 0.70;
    text-align:center;
    width: 250px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a960d;
    position: absolute;
    z-index: +1;
    -webkit-animation: sevend 2s infinite; /* Chrome, Safari, Opera */
    animation: sevend 2s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#eightd {
    opacity: 0.69;
    text-align:center;
    width: 325px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2ae4c9;
    position: absolute;
    z-index: +1;
    -webkit-animation: eightd 6s infinite; /* Chrome, Safari, Opera */
    animation: eightd 6s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#nined {
    opacity: 0.62;
    text-align:center;
    width: 150px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a06fd;
    position: absolute;
    z-index: +1;
    -webkit-animation: nined 9s infinite; /* Chrome, Safari, Opera */
    animation: nined 9s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#tend {
    opacity: 0.75;
    text-align:center;
    width: 240px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a2c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: tend 5s infinite; /* Chrome, Safari, Opera */
    animation: tend 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#elevend {
    opacity: 0.6;
    text-align:center;
    width: 75px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #602c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: elevend 8s infinite; /* Chrome, Safari, Opera */
    animation: elevend 8s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#twelved {
    opacity: 0.7;
    text-align:center;
    width: 175px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df2437;
    position: absolute;
    z-index: +1;
    -webkit-animation: twelved 20s infinite; /* Chrome, Safari, Opera */
    animation: twelved 20s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#onee {
    opacity: 0.75;
    text-align:center;
    width: 380px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df0000;
    position: absolute;
    z-index: +1;
    -webkit-animation: onee 13s infinite; /* Chrome, Safari, Opera */
    animation: onee 13s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
} 

#twoe {
    opacity: 0.70;
    text-align:center;
    width: 500px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df371f;
    position: absolute;
    z-index: +1;
    -webkit-animation: twoe 5s infinite; /* Chrome, Safari, Opera */
    animation: twoe 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#threee {
    opacity: 0.8;
    text-align:center;
    width: 350px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df4a0b;
    position: absolute;
    z-index: +1;
    -webkit-animation: threee 14s infinite; /* Chrome, Safari, Opera */
    animation: threee 14s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#foure  {
    opacity: 0.68;
    text-align:center;
    width: 420px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfb016;
    position: absolute;
    z-index: +1;
    -webkit-animation: foure 7s infinite; /* Chrome, Safari, Opera */
    animation: foure 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#fivee  {
    opacity: 0.80;
    text-align:center;
    width: 300px;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: fivee 9s infinite; /* Chrome, Safari, Opera */
    animation: fivee 9s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#sixe {
    opacity: 0.72;
    text-align:center;
    width: 250px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
    background-color: #95ec0a;
    position: absolute;
    z-index: +1;
    -webkit-animation: sixe 12s infinite; /* Chrome, Safari, Opera */
    animation: sixe 12s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#sevene  {
    opacity: 0.70;
    text-align:center;
    width: 250px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a960d;
    position: absolute;
    z-index: +1;
    -webkit-animation: sevene 5s infinite; /* Chrome, Safari, Opera */
    animation: sevene 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#eighte {
    opacity: 0.69;
    text-align:center;
    width: 325px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2ae4c9;
    position: absolute;
    z-index: +1;
    -webkit-animation: eighte 8s infinite; /* Chrome, Safari, Opera */
    animation: eighte 8s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#ninee {
    opacity: 0.62;
    text-align:center;
    width: 150px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a06fd;
    position: absolute;
    z-index: +1;
    -webkit-animation: ninee 7s infinite; /* Chrome, Safari, Opera */
    animation: ninee 7s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#tene {
    opacity: 0.75;
    text-align:center;
    width: 240px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2a2c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: tene 6s infinite; /* Chrome, Safari, Opera */
    animation: tene 6s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#elevene {
    opacity: 0.6;
    text-align:center;
    width: 75px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #602c88;
    position: absolute;
    z-index: +1;
    -webkit-animation: elevene 14s infinite; /* Chrome, Safari, Opera */
    animation: elevene 14s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
#twelvee {
    opacity: 0.7;
    text-align:center;
    width: 175px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #df2437;
    position: absolute;
    z-index: +1;
    -webkit-animation: twelvee 1s infinite; /* Chrome, Safari, Opera */
    animation: twelvee 1s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


@-webkit-keyframes one {
    from {right: 0px; top:0px;}
    to {right:  1700px; top:200px;}
}

@keyframes one {
    from {right: 0px; top:0px;}
    to {right: 1700px; top:200px;}
}

@-webkit-keyframes two {
    from {left: 0px; top:0px;}
    to {left: 2300px; top:1100px;}
}

@keyframes two {
    from {left: 0px; top:0px;}
    to {left: 300px; top:1100px;}
}
@-webkit-keyframes three {
    from {left: 0px; top:0px;}
    to {left: 900px; top:1400px;}
}

@keyframes three {
    from {left: 0px; top:0px;}
    to {left: 900px; top:1400px;}
}


@-webkit-keyframes four {
    from {right: 0px; top: 50px;}
    to {right: 1400px; top:1200px;}
}

@keyframes four {
    from {right: 0px; top: 50px;}
    to {right: 1400px; top:1200px;}
}
@-webkit-keyframes five {
    from {left: 0px; top:0px;}
    to {left: 1800px; top:700px;}
}

@keyframes five {
    from {left: 0px; top:0px;}
    to {left: 1800px; top:700px}
}
@-webkit-keyframes six {
    from {right: 0px; top:200px;}
    to {right: 600px; top: 1400px;}}

@keyframes six {
    from {right: 0px; top:200px;}
    to {right: 600px; top: 1400px;}
}

@-webkit-keyframes seven {
    from {left: 0px; top:100px;}
    to {left: 900px; top: 3000px;}
}

@keyframes seven {
    from {left: 0px; top:100px}
    to {left: 900px; top:3000px;}
}
@-webkit-keyframes eight {
    from {right: 0px; top:0px;}
    to {right: 400px; top:750px;}
}

@keyframes eight {
    from {right: 0px; top:0px;}
    to {right: 400px; top:750px;}
}

@-webkit-keyframes nine {
    from {right: 0px; top: 0px;}
    to {right: 1625px; top: 420px;}
}

@keyframes nine {
    from {right: 0px; top: 0px;}
    to {right: 1625px; top: 420px;}
}

@-webkit-keyframes ten {
    from {right: 0px; top:100px;}
    to {right: 625px; top:700px;}
}

@keyframes ten {
    from {left: 0px; top:100px;}
    to {left: 625px; top:700px;}
}
@-webkit-keyframes eleven {
    from {left: 0px; top:0px;}
    to {left: 1875px; top:1200px;}
}

@keyframes eleven {
     from {left: 0px; top:0px;}
    to {left: 1875px; top:1200px;}
}
@-webkit-keyframes twelve {
    from {left: 0px; top: 0px;}
    to {left: 450px; top: 1800px;}
}

@keyframes twelve {
    from {left: 0px; top: 0px;}
    to {left: 1400px; top: 1800px;}
}



@-webkit-keyframes onea {
    from {right: 0px; top:1200px;}
    to {right: 700px; top:1800px;}
}

@keyframes onea {
    from {right: 0px; top:1200px;}
    to {right: 700px; top:1800px;}
}

@-webkit-keyframes twoa {
    from {left: 0px; top:1250px;}
    to {left: 2300px; top:2000px;}
}

@keyframes twoa {
    from {left: 0px; top:1250px;}
    to {left: 2300px; top:2000px;}
}
@-webkit-keyframes threea {
    from {left: 0px; top:1220px;}
    to {left: 900px; top:1900px;}
}

@keyframes threea {
    from {left: 0px; top:1220px;}
    to {left: 900px; top:1900px;}
}


@-webkit-keyframes foura {
    from {right: 0px; top:1300px;}
    to {right: 1800px; top:2200px;}
}

@keyframes foura {
    from {right: 0px; top:1300px;}
    to {right: 1800px; top:2200px;}
}
@-webkit-keyframes fivea {
    from {left: 0px; top:1100px;}
    to {left: 800px; top:1700px;}
}

@keyframes fivea {
    from {left: 0px; top:1100px;}
    to {left: 800px; top:1700px}
}
@-webkit-keyframes sixa {
    from {right: 0px; top: 1400px}
    to {right: 600px; top: 1999px;}
}

@keyframes sixa {
    from {right: 0px; top: 1400px;}
    to {right: 600px; top: 1999px;}
}

@-webkit-keyframes sevena {
    from {left: 0px; top: 1500px;}
    to {left: 1900px; top: 2200px;}
}

@keyframes sevena {
    from {left: 0px; top: 1500px;}
    to {left: 1900px; top: 2200px;}
}
@-webkit-keyframes eighta {
    from {right: 0px; top:1400px;}
    to {right: 1400px; top:1750px;}
}

@keyframes eighta {
    from {right: 0px; top:1400px;}
    to {right: 1400px; top:1750px;}
}

@-webkit-keyframes ninea {
    from {right: 0px; top: 1800px;}
    to {right: 625px; top: 2420px;}
}

@keyframes ninea {
    from {right: 0px; top: 1800px;}
    to {right: 625px; top: 2420px;}
}

@-webkit-keyframes tena {
    from {right: 0px; top: 1800px;}
    to {right: 625px; top: 2800px;}
}

@keyframes tena {
    from {left: 0px; top: 1800px;}
    to {left: 625px; top: 2800px ;}
}
@-webkit-keyframes elevena {
    from {left: 0px; top:1500px;}
    to {left: 875px; top:2500px;}
}

@keyframes elevena {
     from {left: 0px; top:1500px;}
    to {left: 875px; top:2500px;}
}
@-webkit-keyframes twelvea {
    from {left: 0px; top: 1400px;}
    to {left: 140px; top: 1850px;}
}

@keyframes twelvea {
    from {right: 0px; top: 1400px;}
    to {right: 1400px; top: 1850px;}
}





@-webkit-keyframes oneb {
    from {right: 0px; top:2500px;}
    to {right: 1200px; top:3200px;}
}

@keyframes oneb {
    from {right: 0px; top:2500px;}
    to {right: 1200px; top:3200px;}
}

@-webkit-keyframes twob {
    from {left: 0px; top:2000px;}
    to {left: 2300px; top:3100px;}
}

@keyframes twob {
    from {left: 0px; top:2000px;}
    to {left: 2300px; top:3100px;}
}
@-webkit-keyframes threeb {
    from {left: 0px; top:2200px;}
    to {left: 900px; top:3400px;}
}

@keyframes threeb {
    from {left: 0px; top:2200px;}
    to {left: 900px; top:3400px;}
}


@-webkit-keyframes fourb {
    from {right: 0px; top: 2350px;}
    to {right: 800px; top:3200px;}
}

@keyframes fourb {
    from {right: 0px; top: 2350px;}
    to {right: 800px; top:3200px;}
}
@-webkit-keyframes fiveb {
    from {left: 0px; top:2500px;}
    to {left: 1800px; top:3700px;}
}

@keyframes fiveb {
    from {left: 0px; top:2500px;}
    to {left: 1800px; top:3700px}
}
@-webkit-keyframes sixb {
    from {right: 0px; top:3200px;}
    to {right: 600px; top: 3400px;}}

@keyframes sixb {
    from {right: 0px; top:3200px;}
    to {right: 600px; top: 3400px;}
}

@-webkit-keyframes sevenb {
    from {left: 0px; top:2700px;}
    to {left: 1100px; top: 3000px;}
}

@keyframes sevenb {
    from {left: 0px; top:2700px}
    to {left: 1100px; top:3000px;}
}
@-webkit-keyframes eightb {
    from {right: 0px; top:2500px;}
    to {right: 400px; top:1750px;}
}

@keyframes eightb {
    from {right: 0px; top:2500px;}
    to {right: 400px; top:1750px;}
}

@-webkit-keyframes nineb {
    from {right: 0px; top: 2200px;}
    to {right: 625px; top: 3420px;}
}

@keyframes nineb {
    from {right: 0px; top: 2200px;}
    to {right: 625px; top: 3420px;}
}

@-webkit-keyframes tenb {
    from {right: 0px; top:2100px;}
    to {right: 1625px; top:700px;}
  }

@keyframes tenb {
    from {left: 0px; top:2100px;}
    to {left: 1625px; top:700px;}
}
@-webkit-keyframes elevenb {
    from {left: 0px; top:2400px;}
    to {left: 875px; top:4200px;}
}

@keyframes elevenb {
     from {left: 0px; top:2400px;}
    to {left: 875px; top:4200px;}
}
@-webkit-keyframes twelveb {
    from {left: 0px; top: 1200px;}
    to {left: 1400px; top: 3800px;}
}

@keyframes twelveb {
    from {left: 0px; top: 1200px;}
    to {left: 1400px; top: 3800px;}
}



@-webkit-keyframes onec {
    from {right: 0px; top:500px;}
    to {right: 1700px; top:5200px;}
}

@keyframes onec {
    from {right: 0px; top:500px;}
    to {right: 1700px; top:5200px;}
}

@-webkit-keyframes twoc {
    from {left: 0px; top:2000px;}
    to {left: 2300px; top:4400px;}
}

@keyframes twoc {
    from {left: 0px; top:2000px;}
    to {left: 2300px; top:4400px;}
}
@-webkit-keyframes threec {
    from {left: 0px; top:2000px;}
    to {left: 900px; top:4400px;}
}

@keyframes threec {
    from {left: 0px; top:2000px;}
    to {left: 900px; top:4400px;}
}


@-webkit-keyframes fourc {
    from {right: 0px; top: 1550px;}
    to {right: 800px; top:4200px;}
}

@keyframes fourc {
    from {right: 0px; top: 1550px;}
    to {right: 800px; top:4200px;}
}
@-webkit-keyframes fivec {
    from {left: 0px; top:1000px;}
    to {left: 1800px; top:4700px;}
}

@keyframes fivec {
    from {left: 0px; top:1000px;}
    to {left: 1800px; top:4700px}
}
@-webkit-keyframes sixc {
    from {right: 0px; top:2200px;}
    to {right: 1600px; top: 5400px;}}

@keyframes sixc {
    from {right: 0px; top:2200px;}
    to {right: 1600px; top: 5400px;}
}

@-webkit-keyframes sevenc {
    from {left: 0px; top:200px;}
    to {left: 900px; top: 5000px;}
}

@keyframes sevenc {
    from {left: 0px; top:200px}
    to {left: 900px; top:5000px;}
}
@-webkit-keyframes eightc {
    from {right: 0px; top:0px;}
    to {right: 1400px; top:5750px;}
}

@keyframes eightc {
    from {right: 0px; top:0px;}
    to {right: 1400px; top:5750px;}
}

@-webkit-keyframes ninec {
    from {right: 0px; top: 3500px;}
    to {right: 625px; top: 5420px;}
}

@keyframes ninec {
    from {right: 0px; top: 3500px;}
    to {right: 625px; top: 5420px;}
}

@-webkit-keyframes tenc {
    from {right: 0px; top:5100px;}
    to {right: 1625px; top:5700px;}
}

@keyframes tenc {
    from {left: 0px; top:5100px;}
    to {left: 1625px; top:5700px;}
}
@-webkit-keyframes elevenc {
    from {left: 0px; top:4900px;}
    to {left: 875px; top:5200px;}
}

@keyframes elevenc {
     from {left: 0px; top:4900px;}
    to {left: 875px; top:5200px;}
}
@-webkit-keyframes twelvec {
    from {left: 0px; top: 4800px;}
    to {left: 1450px; top: 1800px;}
}

@keyframes twelvec {
    from {left: 0px; top: 4800px;}
    to {left: 1450px; top: 1800px;}
}


@-webkit-keyframes oned {
    from {right: 0px; top:2000px;}
    to {right: 700px; top:6000px;}
}

@keyframes oned {
    from {right: 0px; top:2000px;}
    to {right: 700px; top:6000px;}
}

@-webkit-keyframes twod {
    from {left: 0px; top:6400px;}
    to {left: 2300px; top:2100px;}
}

@keyframes twod {
    from {left: 0px; top:6400px;}
    to {left: 2300px; top:2100px;}
}
@-webkit-keyframes threed {
    from {left: 0px; top:5000px;}
    to {left: 900px; top:5400px;}
}

@keyframes threed {
    from {left: 0px; top:5000px;}
    to {left: 900px; top:5400px;}
}


@-webkit-keyframes fourd {
    from {right: 0px; top: 4500px;}
    to {right: 800px; top:1225px;}
}

@keyframes fourd {
    from {right: 0px; top: 4550px;}
    to {right: 800px; top:1225px;}
}
@-webkit-keyframes fived {
    from {left: 0px; top:5000px;}
    to {left: 1200px; top:700px;}
}

@keyframes fived {
    from {left: 0px; top:5000px;}
    to {left: 1200px; top:700px}
}
@-webkit-keyframes sixd {
    from {right: 0px; top: 400px;}
    to {right: 1600px; top: 6400px;}}

@keyframes sixd {
    from {right: 0px; top: 400px;}
    to {right: 1600px; top: 6400px;}
}

@-webkit-keyframes sevend {
    from {left: 0px; top:100px;}
    to {left: 900px; top: 7000px;}
}

@keyframes sevend {
    from {left: 0px; top:100px}
    to {left: 900px; top:7000px;}
}
@-webkit-keyframes eightd {
    from {right: 0px; top:3000px;}
    to {right: 400px; top:7750px;}
}

@keyframes eightd {
    from {right: 0px; top:3000px;}
    to {right: 400px; top:7750px;}
}

@-webkit-keyframes nined {
    from {right: 0px; top: 5000px;}
    to {right: 625px; top: 6420px;}
}

@keyframes nined {
    from {right: 0px; top: 5000px;}
    to {right: 625px; top: 6420px;}
}

@-webkit-keyframes tend {
    from {left: 0px; top:5400px;}
    to {left: 1625px; top:7500px;}
}

@keyframes tend {
    from {left: 0px; top:5400px;}
    to {left: 1625px; top:7500px;}
}
@-webkit-keyframes elevend {
     from {left: 0px; top:5800px;}
    to {left: 875px; top:7540px;}

}

@keyframes elevend {
     from {left: 0px; top:5800px;}
    to {left: 875px; top:7540px;}
}
@-webkit-keyframes twelved {
    from {left: 0px; top: 6000px;}
    to {left: 1400px; top: 7800px;}
}

@keyframes twelved {
    from {left: 0px; top: 6000px;}
    to {left: 1400px; top: 7800px;}
}

@-webkit-keyframes onee {
    from {right: 0px; top:5000px;}
    to {right: 1700px; top:8800px;}
}

@keyframes onee {
    from {right: 0px; top:5000px;}
    to {right: 1700px; top:8800px;}
}

@-webkit-keyframes twoe {
    from {left: 0px; top:6400px;}
    to {left: 2300px; top:9000px;}
}

@keyframes twoe {
    from {left: 0px; top:6400px;}
    to {left: 2300px; top:9000px;}
}
@-webkit-keyframes threee {
    from {left: 0px; top:6000px;}
    to {left: 900px; top:7400px;}
}

@keyframes threee {
    from {left: 0px; top:6000px;}
    to {left: 900px; top:6400px;}
}


@-webkit-keyframes foure {
    from {right: 0px; top: 7500px;}
    to {right: 800px; top:8225px;}
}

@keyframes foure {
    from {right: 0px; top: 7500px;}
    to {right: 800px; top:8225px;}
}
@-webkit-keyframes fivee {
    from {left: 0px; top:8000px;}
    to {left: 1300px; top:9000px;}
}

@keyframes fivee {
    from {left: 0px; top:8000px;}
    to {left: 1300px; top:9000px}
}
@-webkit-keyframes sixe {
    from {right: 0px; top: 7400px;}
    to {right: 600px; top: 8400px;}}

@keyframes sixe {
    from {right: 0px; top: 7400px;}
    to {right: 600px; top: 8400px;}
}

@-webkit-keyframes sevene {
    from {left: 0px; top: 6000px;}
    to {left: 900px; top: 7500px;}
}

@keyframes sevene {
    from {left: 0px; top:6000px}
    to {left: 900px; top:7500px;}
}
@-webkit-keyframes eighte {
    from {right: 0px; top:5500px;}
    to {right: 400px; top:7750px;}
}

@keyframes eighte {
    from {right: 0px; top:5500px;}
    to {right: 400px; top:7750px;}
}

@-webkit-keyframes ninee {
    from {right: 0px; top: 5700px;}
    to {right: 625px; top: 6720px;}
}

@keyframes ninee {
    from {right: 0px; top: 5700px;}
    to {right: 625px; top: 6720px;}
}

@-webkit-keyframes tene {
    from {left: 0px; top:5800px;}
    to {left: 1625px; top:7800px;}
}

@keyframes tene {
    from {left: 0px; top:5800px;}
    to {left: 1625px; top:7800px;}
}
@-webkit-keyframes elevene {
     from {left: 0px; top:6800px;}
    to {left: 875px; top:8540px;}

}

@keyframes elevene {
     from {left: 0px; top:6800px;}
    to {left: 875px; top:8540px;}
}
@-webkit-keyframes twelvee {
    from {left: 0px; top: 6000px;}
    to {left: 1400px; top: 8800px;}
}

@keyframes twelvee {
    from {left: 0px; top: 6000px;}
    to {left: 1400px; top: 8800px;}
}