<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>A Pen by Ethan Marshall</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg xlmns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
<filter id="turbulence_#{i}">
<feTurbulence type="fractalNoise" baseFrequency="#{frequency*i} #{frequency*i}" numOctaves="3" result="noise"></feTurbulence>
<feGaussianBlur xChannelSelector="B" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise" stdDeviation="18"></feGaussianBlur>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="#{scale}" in="SourceGraphic" in2="noise"> </feDisplacementMap>
</filter>
</defs>
</svg>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</body>
</html>
/*Downloaded from https://www.codeseek.co/321/a-pen-by-ethan-marshall-LkXvLv */
@-webkit-keyframes turbulence {
0% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
1% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
2% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
3% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
4% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
5% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
6% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
7% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
8% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
9% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
10% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
11% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
12% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
13% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
14% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
15% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
16% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
17% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
18% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
19% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
20% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
21% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
22% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
23% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
24% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
25% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
26% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
27% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
28% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
29% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
30% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
31% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
32% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
33% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
34% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
35% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
36% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
37% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
38% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
39% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
40% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
41% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
42% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
43% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
44% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
45% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
46% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
47% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
48% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
49% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
50% {
-webkit-filter: url("#turbulence_50");
filter: url("#turbulence_50");
}
51% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
52% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
53% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
54% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
55% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
56% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
57% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
58% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
59% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
60% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
61% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
62% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
63% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
64% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
65% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
66% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
67% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
68% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
69% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
70% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
71% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
72% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
73% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
74% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
75% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
76% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
77% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
78% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
79% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
80% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
81% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
82% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
83% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
84% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
85% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
86% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
87% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
88% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
89% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
90% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
91% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
92% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
93% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
94% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
95% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
96% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
97% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
98% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
99% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
100% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
}
@-moz-keyframes turbulence {
0% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
1% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
2% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
3% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
4% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
5% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
6% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
7% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
8% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
9% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
10% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
11% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
12% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
13% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
14% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
15% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
16% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
17% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
18% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
19% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
20% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
21% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
22% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
23% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
24% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
25% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
26% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
27% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
28% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
29% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
30% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
31% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
32% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
33% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
34% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
35% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
36% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
37% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
38% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
39% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
40% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
41% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
42% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
43% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
44% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
45% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
46% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
47% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
48% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
49% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
50% {
-webkit-filter: url("#turbulence_50");
filter: url("#turbulence_50");
}
51% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
52% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
53% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
54% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
55% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
56% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
57% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
58% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
59% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
60% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
61% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
62% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
63% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
64% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
65% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
66% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
67% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
68% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
69% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
70% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
71% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
72% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
73% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
74% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
75% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
76% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
77% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
78% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
79% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
80% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
81% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
82% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
83% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
84% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
85% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
86% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
87% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
88% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
89% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
90% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
91% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
92% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
93% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
94% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
95% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
96% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
97% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
98% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
99% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
100% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
}
@-o-keyframes turbulence {
0% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
1% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
2% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
3% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
4% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
5% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
6% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
7% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
8% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
9% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
10% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
11% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
12% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
13% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
14% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
15% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
16% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
17% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
18% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
19% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
20% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
21% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
22% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
23% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
24% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
25% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
26% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
27% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
28% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
29% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
30% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
31% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
32% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
33% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
34% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
35% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
36% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
37% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
38% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
39% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
40% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
41% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
42% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
43% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
44% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
45% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
46% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
47% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
48% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
49% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
50% {
-webkit-filter: url("#turbulence_50");
filter: url("#turbulence_50");
}
51% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
52% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
53% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
54% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
55% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
56% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
57% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
58% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
59% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
60% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
61% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
62% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
63% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
64% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
65% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
66% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
67% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
68% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
69% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
70% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
71% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
72% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
73% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
74% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
75% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
76% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
77% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
78% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
79% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
80% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
81% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
82% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
83% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
84% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
85% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
86% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
87% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
88% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
89% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
90% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
91% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
92% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
93% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
94% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
95% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
96% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
97% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
98% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
99% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
100% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
}
@keyframes turbulence {
0% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
1% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
2% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
3% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
4% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
5% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
6% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
7% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
8% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
9% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
10% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
11% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
12% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
13% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
14% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
15% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
16% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
17% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
18% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
19% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
20% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
21% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
22% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
23% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
24% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
25% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
26% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
27% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
28% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
29% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
30% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
31% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
32% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
33% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
34% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
35% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
36% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
37% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
38% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
39% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
40% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
41% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
42% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
43% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
44% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
45% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
46% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
47% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
48% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
49% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
50% {
-webkit-filter: url("#turbulence_50");
filter: url("#turbulence_50");
}
51% {
-webkit-filter: url("#turbulence_49");
filter: url("#turbulence_49");
}
52% {
-webkit-filter: url("#turbulence_48");
filter: url("#turbulence_48");
}
53% {
-webkit-filter: url("#turbulence_47");
filter: url("#turbulence_47");
}
54% {
-webkit-filter: url("#turbulence_46");
filter: url("#turbulence_46");
}
55% {
-webkit-filter: url("#turbulence_45");
filter: url("#turbulence_45");
}
56% {
-webkit-filter: url("#turbulence_44");
filter: url("#turbulence_44");
}
57% {
-webkit-filter: url("#turbulence_43");
filter: url("#turbulence_43");
}
58% {
-webkit-filter: url("#turbulence_42");
filter: url("#turbulence_42");
}
59% {
-webkit-filter: url("#turbulence_41");
filter: url("#turbulence_41");
}
60% {
-webkit-filter: url("#turbulence_40");
filter: url("#turbulence_40");
}
61% {
-webkit-filter: url("#turbulence_39");
filter: url("#turbulence_39");
}
62% {
-webkit-filter: url("#turbulence_38");
filter: url("#turbulence_38");
}
63% {
-webkit-filter: url("#turbulence_37");
filter: url("#turbulence_37");
}
64% {
-webkit-filter: url("#turbulence_36");
filter: url("#turbulence_36");
}
65% {
-webkit-filter: url("#turbulence_35");
filter: url("#turbulence_35");
}
66% {
-webkit-filter: url("#turbulence_34");
filter: url("#turbulence_34");
}
67% {
-webkit-filter: url("#turbulence_33");
filter: url("#turbulence_33");
}
68% {
-webkit-filter: url("#turbulence_32");
filter: url("#turbulence_32");
}
69% {
-webkit-filter: url("#turbulence_31");
filter: url("#turbulence_31");
}
70% {
-webkit-filter: url("#turbulence_30");
filter: url("#turbulence_30");
}
71% {
-webkit-filter: url("#turbulence_29");
filter: url("#turbulence_29");
}
72% {
-webkit-filter: url("#turbulence_28");
filter: url("#turbulence_28");
}
73% {
-webkit-filter: url("#turbulence_27");
filter: url("#turbulence_27");
}
74% {
-webkit-filter: url("#turbulence_26");
filter: url("#turbulence_26");
}
75% {
-webkit-filter: url("#turbulence_25");
filter: url("#turbulence_25");
}
76% {
-webkit-filter: url("#turbulence_24");
filter: url("#turbulence_24");
}
77% {
-webkit-filter: url("#turbulence_23");
filter: url("#turbulence_23");
}
78% {
-webkit-filter: url("#turbulence_22");
filter: url("#turbulence_22");
}
79% {
-webkit-filter: url("#turbulence_21");
filter: url("#turbulence_21");
}
80% {
-webkit-filter: url("#turbulence_20");
filter: url("#turbulence_20");
}
81% {
-webkit-filter: url("#turbulence_19");
filter: url("#turbulence_19");
}
82% {
-webkit-filter: url("#turbulence_18");
filter: url("#turbulence_18");
}
83% {
-webkit-filter: url("#turbulence_17");
filter: url("#turbulence_17");
}
84% {
-webkit-filter: url("#turbulence_16");
filter: url("#turbulence_16");
}
85% {
-webkit-filter: url("#turbulence_15");
filter: url("#turbulence_15");
}
86% {
-webkit-filter: url("#turbulence_14");
filter: url("#turbulence_14");
}
87% {
-webkit-filter: url("#turbulence_13");
filter: url("#turbulence_13");
}
88% {
-webkit-filter: url("#turbulence_12");
filter: url("#turbulence_12");
}
89% {
-webkit-filter: url("#turbulence_11");
filter: url("#turbulence_11");
}
90% {
-webkit-filter: url("#turbulence_10");
filter: url("#turbulence_10");
}
91% {
-webkit-filter: url("#turbulence_9");
filter: url("#turbulence_9");
}
92% {
-webkit-filter: url("#turbulence_8");
filter: url("#turbulence_8");
}
93% {
-webkit-filter: url("#turbulence_7");
filter: url("#turbulence_7");
}
94% {
-webkit-filter: url("#turbulence_6");
filter: url("#turbulence_6");
}
95% {
-webkit-filter: url("#turbulence_5");
filter: url("#turbulence_5");
}
96% {
-webkit-filter: url("#turbulence_4");
filter: url("#turbulence_4");
}
97% {
-webkit-filter: url("#turbulence_3");
filter: url("#turbulence_3");
}
98% {
-webkit-filter: url("#turbulence_2");
filter: url("#turbulence_2");
}
99% {
-webkit-filter: url("#turbulence_1");
filter: url("#turbulence_1");
}
100% {
-webkit-filter: url("#turbulence_0");
filter: url("#turbulence_0");
}
}
body {
margin: 0;
overflow: hidden;
background: #000;
-webkit-animation: turbulence 2.76s infinite linear;
-moz-animation: turbulence 2.76s infinite linear;
-o-animation: turbulence 2.76s infinite linear;
animation: turbulence 2.76s infinite linear;
}
svg {
display: none;
}
.circle {
position: absolute;
border-radius: 50%;
opacity: 0;
}
@-webkit-keyframes move1 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-111px) translateY(-3px);
-ms-transform: translateX(-227px) translateY(718px);
transform: translateX(829px) translateY(-11px);
}
}
@-moz-keyframes move1 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-122px) translateY(164px);
-ms-transform: translateX(744px) translateY(-24px);
transform: translateX(574px) translateY(440px);
}
}
@-o-keyframes move1 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(669px) translateY(1134px);
-ms-transform: translateX(-498px) translateY(606px);
transform: translateX(645px) translateY(1100px);
}
}
@keyframes move1 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(545px) translateY(-185px);
-ms-transform: translateX(-149px) translateY(-335px);
transform: translateX(-119px) translateY(810px);
}
}
.circle:nth-child(1) {
width: 101px;
height: 101px;
left: 1%;
top: 52%;
box-shadow: inset 0 0 50.5px cyan;
-webkit-animation: move1 9s infinite linear;
-moz-animation: move1 9s infinite linear;
-o-animation: move1 9s infinite linear;
animation: move1 9s infinite linear;
-webkit-animation-delay: 0.33s;
animation-delay: 0.33s;
}
@-webkit-keyframes move2 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-259px) translateY(54px);
-ms-transform: translateX(946px) translateY(313px);
transform: translateX(72px) translateY(246px);
}
}
@-moz-keyframes move2 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(396px) translateY(-327px);
-ms-transform: translateX(136px) translateY(-89px);
transform: translateX(514px) translateY(1311px);
}
}
@-o-keyframes move2 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(934px) translateY(-33px);
-ms-transform: translateX(620px) translateY(1087px);
transform: translateX(27px) translateY(936px);
}
}
@keyframes move2 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1428px) translateY(440px);
-ms-transform: translateX(1155px) translateY(-398px);
transform: translateX(552px) translateY(-584px);
}
}
.circle:nth-child(2) {
width: 223px;
height: 223px;
left: 85%;
top: 35%;
box-shadow: inset 0 0 111.5px cyan;
-webkit-animation: move2 9s infinite linear;
-moz-animation: move2 9s infinite linear;
-o-animation: move2 9s infinite linear;
animation: move2 9s infinite linear;
-webkit-animation-delay: 0.66s;
animation-delay: 0.66s;
}
@-webkit-keyframes move3 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-191px) translateY(-15px);
-ms-transform: translateX(627px) translateY(830px);
transform: translateX(1142px) translateY(-315px);
}
}
@-moz-keyframes move3 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-193px) translateY(-717px);
-ms-transform: translateX(-83px) translateY(1235px);
transform: translateX(50px) translateY(-31px);
}
}
@-o-keyframes move3 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-27px) translateY(-4px);
-ms-transform: translateX(-55px) translateY(-51px);
transform: translateX(476px) translateY(-12px);
}
}
@keyframes move3 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-120px) translateY(-143px);
-ms-transform: translateX(-107px) translateY(-450px);
transform: translateX(-122px) translateY(77px);
}
}
.circle:nth-child(3) {
width: 359px;
height: 359px;
left: 43%;
top: 45%;
box-shadow: inset 0 0 179.5px cyan;
-webkit-animation: move3 9s infinite linear;
-moz-animation: move3 9s infinite linear;
-o-animation: move3 9s infinite linear;
animation: move3 9s infinite linear;
-webkit-animation-delay: 0.99s;
animation-delay: 0.99s;
}
@-webkit-keyframes move4 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-43px) translateY(1170px);
-ms-transform: translateX(655px) translateY(340px);
transform: translateX(-4px) translateY(-201px);
}
}
@-moz-keyframes move4 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-129px) translateY(580px);
-ms-transform: translateX(-420px) translateY(1166px);
transform: translateX(563px) translateY(-9px);
}
}
@-o-keyframes move4 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(721px) translateY(-88px);
-ms-transform: translateX(-102px) translateY(298px);
transform: translateX(-84px) translateY(-101px);
}
}
@keyframes move4 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1067px) translateY(635px);
-ms-transform: translateX(210px) translateY(-22px);
transform: translateX(382px) translateY(-205px);
}
}
.circle:nth-child(4) {
width: 20px;
height: 20px;
left: 19%;
top: 17%;
box-shadow: inset 0 0 10px cyan;
-webkit-animation: move4 9s infinite linear;
-moz-animation: move4 9s infinite linear;
-o-animation: move4 9s infinite linear;
animation: move4 9s infinite linear;
-webkit-animation-delay: 1.32s;
animation-delay: 1.32s;
}
@-webkit-keyframes move5 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1040px) translateY(1062px);
-ms-transform: translateX(92px) translateY(-119px);
transform: translateX(691px) translateY(202px);
}
}
@-moz-keyframes move5 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(107px) translateY(1006px);
-ms-transform: translateX(719px) translateY(699px);
transform: translateX(1092px) translateY(-52px);
}
}
@-o-keyframes move5 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-33px) translateY(319px);
-ms-transform: translateX(-253px) translateY(285px);
transform: translateX(465px) translateY(521px);
}
}
@keyframes move5 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-111px) translateY(141px);
-ms-transform: translateX(-108px) translateY(946px);
transform: translateX(-536px) translateY(-282px);
}
}
.circle:nth-child(5) {
width: 106px;
height: 106px;
left: 69%;
top: 8%;
box-shadow: inset 0 0 53px cyan;
-webkit-animation: move5 9s infinite linear;
-moz-animation: move5 9s infinite linear;
-o-animation: move5 9s infinite linear;
animation: move5 9s infinite linear;
-webkit-animation-delay: 1.65s;
animation-delay: 1.65s;
}
@-webkit-keyframes move6 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(871px) translateY(-33px);
-ms-transform: translateX(403px) translateY(1043px);
transform: translateX(550px) translateY(-101px);
}
}
@-moz-keyframes move6 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-44px) translateY(889px);
-ms-transform: translateX(-42px) translateY(1050px);
transform: translateX(871px) translateY(252px);
}
}
@-o-keyframes move6 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(890px) translateY(-131px);
-ms-transform: translateX(505px) translateY(1380px);
transform: translateX(-68px) translateY(-146px);
}
}
@keyframes move6 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(453px) translateY(100px);
-ms-transform: translateX(1135px) translateY(-421px);
transform: translateX(336px) translateY(692px);
}
}
.circle:nth-child(6) {
width: 255px;
height: 255px;
left: 36%;
top: 54%;
box-shadow: inset 0 0 127.5px cyan;
-webkit-animation: move6 9s infinite linear;
-moz-animation: move6 9s infinite linear;
-o-animation: move6 9s infinite linear;
animation: move6 9s infinite linear;
-webkit-animation-delay: 1.98s;
animation-delay: 1.98s;
}
@-webkit-keyframes move7 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(261px) translateY(-502px);
-ms-transform: translateX(-12px) translateY(827px);
transform: translateX(-354px) translateY(-295px);
}
}
@-moz-keyframes move7 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-4px) translateY(-319px);
-ms-transform: translateX(96px) translateY(-307px);
transform: translateX(57px) translateY(614px);
}
}
@-o-keyframes move7 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-399px) translateY(-333px);
-ms-transform: translateX(65px) translateY(933px);
transform: translateX(-282px) translateY(-284px);
}
}
@keyframes move7 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-240px) translateY(647px);
-ms-transform: translateX(630px) translateY(-539px);
transform: translateX(299px) translateY(468px);
}
}
.circle:nth-child(7) {
width: 291px;
height: 291px;
left: 73%;
top: 83%;
box-shadow: inset 0 0 145.5px cyan;
-webkit-animation: move7 9s infinite linear;
-moz-animation: move7 9s infinite linear;
-o-animation: move7 9s infinite linear;
animation: move7 9s infinite linear;
-webkit-animation-delay: 2.31s;
animation-delay: 2.31s;
}
@-webkit-keyframes move8 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(818px) translateY(651px);
-ms-transform: translateX(-20px) translateY(898px);
transform: translateX(974px) translateY(17px);
}
}
@-moz-keyframes move8 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(548px) translateY(43px);
-ms-transform: translateX(738px) translateY(-67px);
transform: translateX(-273px) translateY(642px);
}
}
@-o-keyframes move8 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(792px) translateY(645px);
-ms-transform: translateX(-3px) translateY(791px);
transform: translateX(1109px) translateY(97px);
}
}
@keyframes move8 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(364px) translateY(-177px);
-ms-transform: translateX(794px) translateY(-98px);
transform: translateX(437px) translateY(84px);
}
}
.circle:nth-child(8) {
width: 52px;
height: 52px;
left: 15%;
top: 31%;
box-shadow: inset 0 0 26px cyan;
-webkit-animation: move8 9s infinite linear;
-moz-animation: move8 9s infinite linear;
-o-animation: move8 9s infinite linear;
animation: move8 9s infinite linear;
-webkit-animation-delay: 2.64s;
animation-delay: 2.64s;
}
@-webkit-keyframes move9 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-49px) translateY(421px);
-ms-transform: translateX(1066px) translateY(989px);
transform: translateX(1057px) translateY(916px);
}
}
@-moz-keyframes move9 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(122px) translateY(-336px);
-ms-transform: translateX(593px) translateY(-350px);
transform: translateX(136px) translateY(-210px);
}
}
@-o-keyframes move9 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-120px) translateY(-230px);
-ms-transform: translateX(570px) translateY(243px);
transform: translateX(-404px) translateY(-158px);
}
}
@keyframes move9 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-146px) translateY(-234px);
-ms-transform: translateX(-46px) translateY(-332px);
transform: translateX(-71px) translateY(935px);
}
}
.circle:nth-child(9) {
width: 236px;
height: 236px;
left: 23%;
top: 78%;
box-shadow: inset 0 0 118px cyan;
-webkit-animation: move9 9s infinite linear;
-moz-animation: move9 9s infinite linear;
-o-animation: move9 9s infinite linear;
animation: move9 9s infinite linear;
-webkit-animation-delay: 2.97s;
animation-delay: 2.97s;
}
@-webkit-keyframes move10 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-110px) translateY(694px);
-ms-transform: translateX(-437px) translateY(560px);
transform: translateX(-185px) translateY(805px);
}
}
@-moz-keyframes move10 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1007px) translateY(384px);
-ms-transform: translateX(292px) translateY(399px);
transform: translateX(1415px) translateY(-147px);
}
}
@-o-keyframes move10 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(726px) translateY(-159px);
-ms-transform: translateX(587px) translateY(166px);
transform: translateX(-6px) translateY(822px);
}
}
@keyframes move10 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-14px) translateY(388px);
-ms-transform: translateX(546px) translateY(1215px);
transform: translateX(-2px) translateY(-104px);
}
}
.circle:nth-child(10) {
width: 106px;
height: 106px;
left: 97%;
top: 98%;
box-shadow: inset 0 0 53px cyan;
-webkit-animation: move10 9s infinite linear;
-moz-animation: move10 9s infinite linear;
-o-animation: move10 9s infinite linear;
animation: move10 9s infinite linear;
-webkit-animation-delay: 3.3s;
animation-delay: 3.3s;
}
@-webkit-keyframes move11 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-141px) translateY(-183px);
-ms-transform: translateX(-6px) translateY(1357px);
transform: translateX(1133px) translateY(166px);
}
}
@-moz-keyframes move11 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-115px) translateY(-192px);
-ms-transform: translateX(-149px) translateY(-282px);
transform: translateX(742px) translateY(169px);
}
}
@-o-keyframes move11 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(561px) translateY(-33px);
-ms-transform: translateX(467px) translateY(472px);
transform: translateX(-32px) translateY(-181px);
}
}
@keyframes move11 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(894px) translateY(861px);
-ms-transform: translateX(-4px) translateY(679px);
transform: translateX(-728px) translateY(269px);
}
}
.circle:nth-child(11) {
width: 130px;
height: 130px;
left: 32%;
top: 42%;
box-shadow: inset 0 0 65px cyan;
-webkit-animation: move11 9s infinite linear;
-moz-animation: move11 9s infinite linear;
-o-animation: move11 9s infinite linear;
animation: move11 9s infinite linear;
-webkit-animation-delay: 3.63s;
animation-delay: 3.63s;
}
@-webkit-keyframes move12 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(741px) translateY(923px);
-ms-transform: translateX(-11px) translateY(432px);
transform: translateX(604px) translateY(-379px);
}
}
@-moz-keyframes move12 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(198px) translateY(816px);
-ms-transform: translateX(405px) translateY(182px);
transform: translateX(793px) translateY(272px);
}
}
@-o-keyframes move12 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-162px) translateY(-42px);
-ms-transform: translateX(-662px) translateY(132px);
transform: translateX(-22px) translateY(-20px);
}
}
@keyframes move12 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(106px) translateY(10px);
-ms-transform: translateX(-522px) translateY(-19px);
transform: translateX(-77px) translateY(572px);
}
}
.circle:nth-child(12) {
width: 60px;
height: 60px;
left: 33%;
top: 61%;
box-shadow: inset 0 0 30px cyan;
-webkit-animation: move12 9s infinite linear;
-moz-animation: move12 9s infinite linear;
-o-animation: move12 9s infinite linear;
animation: move12 9s infinite linear;
-webkit-animation-delay: 3.96s;
animation-delay: 3.96s;
}
@-webkit-keyframes move13 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(440px) translateY(721px);
-ms-transform: translateX(-159px) translateY(898px);
transform: translateX(182px) translateY(-44px);
}
}
@-moz-keyframes move13 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-345px) translateY(22px);
-ms-transform: translateX(-9px) translateY(914px);
transform: translateX(428px) translateY(721px);
}
}
@-o-keyframes move13 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(474px) translateY(287px);
-ms-transform: translateX(-30px) translateY(-440px);
transform: translateX(895px) translateY(167px);
}
}
@keyframes move13 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(518px) translateY(-270px);
-ms-transform: translateX(-68px) translateY(-192px);
transform: translateX(-451px) translateY(-32px);
}
}
.circle:nth-child(13) {
width: 118px;
height: 118px;
left: 69%;
top: 23%;
box-shadow: inset 0 0 59px cyan;
-webkit-animation: move13 9s infinite linear;
-moz-animation: move13 9s infinite linear;
-o-animation: move13 9s infinite linear;
animation: move13 9s infinite linear;
-webkit-animation-delay: 4.29s;
animation-delay: 4.29s;
}
@-webkit-keyframes move14 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-175px) translateY(1081px);
-ms-transform: translateX(407px) translateY(-31px);
transform: translateX(-204px) translateY(844px);
}
}
@-moz-keyframes move14 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-114px) translateY(-1px);
-ms-transform: translateX(-244px) translateY(293px);
transform: translateX(58px) translateY(-615px);
}
}
@-o-keyframes move14 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-28px) translateY(775px);
-ms-transform: translateX(1022px) translateY(-100px);
transform: translateX(-32px) translateY(-414px);
}
}
@keyframes move14 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(108px) translateY(426px);
-ms-transform: translateX(-2px) translateY(571px);
transform: translateX(306px) translateY(-695px);
}
}
.circle:nth-child(14) {
width: 308px;
height: 308px;
left: 24%;
top: 52%;
box-shadow: inset 0 0 154px cyan;
-webkit-animation: move14 9s infinite linear;
-moz-animation: move14 9s infinite linear;
-o-animation: move14 9s infinite linear;
animation: move14 9s infinite linear;
-webkit-animation-delay: 4.62s;
animation-delay: 4.62s;
}
@-webkit-keyframes move15 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(2px) translateY(9px);
-ms-transform: translateX(-164px) translateY(542px);
transform: translateX(664px) translateY(956px);
}
}
@-moz-keyframes move15 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(968px) translateY(500px);
-ms-transform: translateX(939px) translateY(-448px);
transform: translateX(100px) translateY(-71px);
}
}
@-o-keyframes move15 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(348px) translateY(247px);
-ms-transform: translateX(-89px) translateY(1046px);
transform: translateX(-140px) translateY(-323px);
}
}
@keyframes move15 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(883px) translateY(933px);
-ms-transform: translateX(252px) translateY(-205px);
transform: translateX(508px) translateY(-148px);
}
}
.circle:nth-child(15) {
width: 130px;
height: 130px;
left: 78%;
top: 69%;
box-shadow: inset 0 0 65px cyan;
-webkit-animation: move15 9s infinite linear;
-moz-animation: move15 9s infinite linear;
-o-animation: move15 9s infinite linear;
animation: move15 9s infinite linear;
-webkit-animation-delay: 4.95s;
animation-delay: 4.95s;
}
@-webkit-keyframes move16 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-20px) translateY(-7px);
-ms-transform: translateX(1184px) translateY(-273px);
transform: translateX(820px) translateY(-432px);
}
}
@-moz-keyframes move16 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-44px) translateY(-250px);
-ms-transform: translateX(407px) translateY(-262px);
transform: translateX(-264px) translateY(522px);
}
}
@-o-keyframes move16 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-179px) translateY(-170px);
-ms-transform: translateX(1070px) translateY(363px);
transform: translateX(768px) translateY(-352px);
}
}
@keyframes move16 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1246px) translateY(1177px);
-ms-transform: translateX(808px) translateY(-552px);
transform: translateX(1076px) translateY(-32px);
}
}
.circle:nth-child(16) {
width: 348px;
height: 348px;
left: 10%;
top: 40%;
box-shadow: inset 0 0 174px cyan;
-webkit-animation: move16 9s infinite linear;
-moz-animation: move16 9s infinite linear;
-o-animation: move16 9s infinite linear;
animation: move16 9s infinite linear;
-webkit-animation-delay: 5.28s;
animation-delay: 5.28s;
}
@-webkit-keyframes move17 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(482px) translateY(2px);
-ms-transform: translateX(595px) translateY(321px);
transform: translateX(-71px) translateY(-306px);
}
}
@-moz-keyframes move17 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-143px) translateY(-17px);
-ms-transform: translateX(380px) translateY(1125px);
transform: translateX(1003px) translateY(227px);
}
}
@-o-keyframes move17 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(588px) translateY(-13px);
-ms-transform: translateX(-250px) translateY(-394px);
transform: translateX(1052px) translateY(-9px);
}
}
@keyframes move17 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1112px) translateY(-310px);
-ms-transform: translateX(-42px) translateY(322px);
transform: translateX(249px) translateY(-150px);
}
}
.circle:nth-child(17) {
width: 17px;
height: 17px;
left: 34%;
top: 12%;
box-shadow: inset 0 0 8.5px cyan;
-webkit-animation: move17 9s infinite linear;
-moz-animation: move17 9s infinite linear;
-o-animation: move17 9s infinite linear;
animation: move17 9s infinite linear;
-webkit-animation-delay: 5.61s;
animation-delay: 5.61s;
}
@-webkit-keyframes move18 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(112px) translateY(1095px);
-ms-transform: translateX(-137px) translateY(-144px);
transform: translateX(376px) translateY(464px);
}
}
@-moz-keyframes move18 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-308px) translateY(-515px);
-ms-transform: translateX(-59px) translateY(600px);
transform: translateX(-61px) translateY(791px);
}
}
@-o-keyframes move18 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-10px) translateY(1213px);
-ms-transform: translateX(-205px) translateY(1137px);
transform: translateX(-535px) translateY(994px);
}
}
@keyframes move18 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(171px) translateY(632px);
-ms-transform: translateX(-158px) translateY(-63px);
transform: translateX(506px) translateY(790px);
}
}
.circle:nth-child(18) {
width: 109px;
height: 109px;
left: 12%;
top: 64%;
box-shadow: inset 0 0 54.5px cyan;
-webkit-animation: move18 9s infinite linear;
-moz-animation: move18 9s infinite linear;
-o-animation: move18 9s infinite linear;
animation: move18 9s infinite linear;
-webkit-animation-delay: 5.94s;
animation-delay: 5.94s;
}
@-webkit-keyframes move19 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-46px) translateY(-25px);
-ms-transform: translateX(3px) translateY(-14px);
transform: translateX(-319px) translateY(50px);
}
}
@-moz-keyframes move19 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(714px) translateY(261px);
-ms-transform: translateX(-236px) translateY(696px);
transform: translateX(-2px) translateY(1196px);
}
}
@-o-keyframes move19 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-13px) translateY(1052px);
-ms-transform: translateX(-41px) translateY(-196px);
transform: translateX(210px) translateY(-586px);
}
}
@keyframes move19 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(561px) translateY(-25px);
-ms-transform: translateX(649px) translateY(-21px);
transform: translateX(380px) translateY(767px);
}
}
.circle:nth-child(19) {
width: 83px;
height: 83px;
left: 96%;
top: 41%;
box-shadow: inset 0 0 41.5px cyan;
-webkit-animation: move19 9s infinite linear;
-moz-animation: move19 9s infinite linear;
-o-animation: move19 9s infinite linear;
animation: move19 9s infinite linear;
-webkit-animation-delay: 6.27s;
animation-delay: 6.27s;
}
@-webkit-keyframes move20 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(245px) translateY(92px);
-ms-transform: translateX(92px) translateY(21px);
transform: translateX(-24px) translateY(-96px);
}
}
@-moz-keyframes move20 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-323px) translateY(-3px);
-ms-transform: translateX(-348px) translateY(473px);
transform: translateX(546px) translateY(-40px);
}
}
@-o-keyframes move20 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-9px) translateY(-26px);
-ms-transform: translateX(905px) translateY(1397px);
transform: translateX(-96px) translateY(-112px);
}
}
@keyframes move20 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-99px) translateY(-290px);
-ms-transform: translateX(-56px) translateY(-419px);
transform: translateX(1215px) translateY(638px);
}
}
.circle:nth-child(20) {
width: 359px;
height: 359px;
left: 6%;
top: 99%;
box-shadow: inset 0 0 179.5px cyan;
-webkit-animation: move20 9s infinite linear;
-moz-animation: move20 9s infinite linear;
-o-animation: move20 9s infinite linear;
animation: move20 9s infinite linear;
-webkit-animation-delay: 6.6s;
animation-delay: 6.6s;
}
@-webkit-keyframes move21 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-326px) translateY(154px);
-ms-transform: translateX(397px) translateY(923px);
transform: translateX(-135px) translateY(-39px);
}
}
@-moz-keyframes move21 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(32px) translateY(-96px);
-ms-transform: translateX(-74px) translateY(714px);
transform: translateX(993px) translateY(932px);
}
}
@-o-keyframes move21 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(339px) translateY(677px);
-ms-transform: translateX(-337px) translateY(1310px);
transform: translateX(101px) translateY(398px);
}
}
@keyframes move21 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(559px) translateY(-37px);
-ms-transform: translateX(-195px) translateY(1068px);
transform: translateX(-112px) translateY(327px);
}
}
.circle:nth-child(21) {
width: 335px;
height: 335px;
left: 98%;
top: 62%;
box-shadow: inset 0 0 167.5px cyan;
-webkit-animation: move21 9s infinite linear;
-moz-animation: move21 9s infinite linear;
-o-animation: move21 9s infinite linear;
animation: move21 9s infinite linear;
-webkit-animation-delay: 6.93s;
animation-delay: 6.93s;
}
@-webkit-keyframes move22 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1293px) translateY(103px);
-ms-transform: translateX(330px) translateY(-10px);
transform: translateX(-400px) translateY(777px);
}
}
@-moz-keyframes move22 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(267px) translateY(-92px);
-ms-transform: translateX(696px) translateY(255px);
transform: translateX(-558px) translateY(-97px);
}
}
@-o-keyframes move22 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1055px) translateY(888px);
-ms-transform: translateX(789px) translateY(-32px);
transform: translateX(-27px) translateY(-404px);
}
}
@keyframes move22 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(300px) translateY(365px);
-ms-transform: translateX(-360px) translateY(704px);
transform: translateX(114px) translateY(-232px);
}
}
.circle:nth-child(22) {
width: 104px;
height: 104px;
left: 12%;
top: 67%;
box-shadow: inset 0 0 52px cyan;
-webkit-animation: move22 9s infinite linear;
-moz-animation: move22 9s infinite linear;
-o-animation: move22 9s infinite linear;
animation: move22 9s infinite linear;
-webkit-animation-delay: 7.26s;
animation-delay: 7.26s;
}
@-webkit-keyframes move23 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-40px) translateY(-512px);
-ms-transform: translateX(31px) translateY(258px);
transform: translateX(-150px) translateY(-17px);
}
}
@-moz-keyframes move23 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-17px) translateY(750px);
-ms-transform: translateX(330px) translateY(-166px);
transform: translateX(265px) translateY(568px);
}
}
@-o-keyframes move23 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-233px) translateY(56px);
-ms-transform: translateX(528px) translateY(-10px);
transform: translateX(108px) translateY(-31px);
}
}
@keyframes move23 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-220px) translateY(972px);
-ms-transform: translateX(-544px) translateY(-370px);
transform: translateX(38px) translateY(312px);
}
}
.circle:nth-child(23) {
width: 46px;
height: 46px;
left: 83%;
top: 63%;
box-shadow: inset 0 0 23px cyan;
-webkit-animation: move23 9s infinite linear;
-moz-animation: move23 9s infinite linear;
-o-animation: move23 9s infinite linear;
animation: move23 9s infinite linear;
-webkit-animation-delay: 7.59s;
animation-delay: 7.59s;
}
@-webkit-keyframes move24 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(907px) translateY(829px);
-ms-transform: translateX(-238px) translateY(-228px);
transform: translateX(-668px) translateY(355px);
}
}
@-moz-keyframes move24 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-147px) translateY(-86px);
-ms-transform: translateX(225px) translateY(1189px);
transform: translateX(9px) translateY(163px);
}
}
@-o-keyframes move24 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-366px) translateY(-214px);
-ms-transform: translateX(-590px) translateY(-287px);
transform: translateX(853px) translateY(379px);
}
}
@keyframes move24 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(355px) translateY(-13px);
-ms-transform: translateX(157px) translateY(-115px);
transform: translateX(462px) translateY(912px);
}
}
.circle:nth-child(24) {
width: 214px;
height: 214px;
left: 61%;
top: 14%;
box-shadow: inset 0 0 107px cyan;
-webkit-animation: move24 9s infinite linear;
-moz-animation: move24 9s infinite linear;
-o-animation: move24 9s infinite linear;
animation: move24 9s infinite linear;
-webkit-animation-delay: 7.92s;
animation-delay: 7.92s;
}
@-webkit-keyframes move25 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(629px) translateY(-155px);
-ms-transform: translateX(-14px) translateY(595px);
transform: translateX(-379px) translateY(1123px);
}
}
@-moz-keyframes move25 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(887px) translateY(-146px);
-ms-transform: translateX(633px) translateY(440px);
transform: translateX(352px) translateY(499px);
}
}
@-o-keyframes move25 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-19px) translateY(788px);
-ms-transform: translateX(-531px) translateY(-256px);
transform: translateX(1068px) translateY(-155px);
}
}
@keyframes move25 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(551px) translateY(-53px);
-ms-transform: translateX(-97px) translateY(49px);
transform: translateX(514px) translateY(-30px);
}
}
.circle:nth-child(25) {
width: 397px;
height: 397px;
left: 63%;
top: 52%;
box-shadow: inset 0 0 198.5px cyan;
-webkit-animation: move25 9s infinite linear;
-moz-animation: move25 9s infinite linear;
-o-animation: move25 9s infinite linear;
animation: move25 9s infinite linear;
-webkit-animation-delay: 8.25s;
animation-delay: 8.25s;
}
@-webkit-keyframes move26 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1046px) translateY(786px);
-ms-transform: translateX(-28px) translateY(290px);
transform: translateX(93px) translateY(514px);
}
}
@-moz-keyframes move26 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(345px) translateY(-134px);
-ms-transform: translateX(855px) translateY(-145px);
transform: translateX(317px) translateY(-153px);
}
}
@-o-keyframes move26 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-486px) translateY(335px);
-ms-transform: translateX(-177px) translateY(-145px);
transform: translateX(-25px) translateY(51px);
}
}
@keyframes move26 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-484px) translateY(1300px);
-ms-transform: translateX(-135px) translateY(511px);
transform: translateX(115px) translateY(-63px);
}
}
.circle:nth-child(26) {
width: 200px;
height: 200px;
left: 23%;
top: 11%;
box-shadow: inset 0 0 100px cyan;
-webkit-animation: move26 9s infinite linear;
-moz-animation: move26 9s infinite linear;
-o-animation: move26 9s infinite linear;
animation: move26 9s infinite linear;
-webkit-animation-delay: 8.58s;
animation-delay: 8.58s;
}
@-webkit-keyframes move27 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(176px) translateY(-54px);
-ms-transform: translateX(-59px) translateY(-120px);
transform: translateX(109px) translateY(571px);
}
}
@-moz-keyframes move27 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1178px) translateY(-215px);
-ms-transform: translateX(-289px) translateY(408px);
transform: translateX(-38px) translateY(-275px);
}
}
@-o-keyframes move27 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-369px) translateY(-169px);
-ms-transform: translateX(-47px) translateY(77px);
transform: translateX(62px) translateY(793px);
}
}
@keyframes move27 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-98px) translateY(-673px);
-ms-transform: translateX(-176px) translateY(-48px);
transform: translateX(320px) translateY(-268px);
}
}
.circle:nth-child(27) {
width: 355px;
height: 355px;
left: 88%;
top: 75%;
box-shadow: inset 0 0 177.5px cyan;
-webkit-animation: move27 9s infinite linear;
-moz-animation: move27 9s infinite linear;
-o-animation: move27 9s infinite linear;
animation: move27 9s infinite linear;
-webkit-animation-delay: 8.91s;
animation-delay: 8.91s;
}
@-webkit-keyframes move28 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(743px) translateY(165px);
-ms-transform: translateX(-81px) translateY(999px);
transform: translateX(-220px) translateY(-21px);
}
}
@-moz-keyframes move28 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1073px) translateY(-338px);
-ms-transform: translateX(-100px) translateY(128px);
transform: translateX(-116px) translateY(-23px);
}
}
@-o-keyframes move28 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-46px) translateY(70px);
-ms-transform: translateX(277px) translateY(-103px);
transform: translateX(-578px) translateY(674px);
}
}
@keyframes move28 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1130px) translateY(-22px);
-ms-transform: translateX(998px) translateY(575px);
transform: translateX(-356px) translateY(1036px);
}
}
.circle:nth-child(28) {
width: 198px;
height: 198px;
left: 59%;
top: 53%;
box-shadow: inset 0 0 99px cyan;
-webkit-animation: move28 9s infinite linear;
-moz-animation: move28 9s infinite linear;
-o-animation: move28 9s infinite linear;
animation: move28 9s infinite linear;
-webkit-animation-delay: 9.24s;
animation-delay: 9.24s;
}
@-webkit-keyframes move29 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(252px) translateY(-206px);
-ms-transform: translateX(296px) translateY(-339px);
transform: translateX(-164px) translateY(-39px);
}
}
@-moz-keyframes move29 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-193px) translateY(-46px);
-ms-transform: translateX(-15px) translateY(443px);
transform: translateX(-334px) translateY(-55px);
}
}
@-o-keyframes move29 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(395px) translateY(841px);
-ms-transform: translateX(474px) translateY(-412px);
transform: translateX(-25px) translateY(-52px);
}
}
@keyframes move29 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1018px) translateY(-470px);
-ms-transform: translateX(31px) translateY(672px);
transform: translateX(-7px) translateY(128px);
}
}
.circle:nth-child(29) {
width: 396px;
height: 396px;
left: 33%;
top: 43%;
box-shadow: inset 0 0 198px cyan;
-webkit-animation: move29 9s infinite linear;
-moz-animation: move29 9s infinite linear;
-o-animation: move29 9s infinite linear;
animation: move29 9s infinite linear;
-webkit-animation-delay: 9.57s;
animation-delay: 9.57s;
}
@-webkit-keyframes move30 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-202px) translateY(-363px);
-ms-transform: translateX(327px) translateY(-140px);
transform: translateX(-316px) translateY(540px);
}
}
@-moz-keyframes move30 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-48px) translateY(444px);
-ms-transform: translateX(-17px) translateY(445px);
transform: translateX(-68px) translateY(760px);
}
}
@-o-keyframes move30 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(553px) translateY(442px);
-ms-transform: translateX(1406px) translateY(116px);
transform: translateX(-128px) translateY(-22px);
}
}
@keyframes move30 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-171px) translateY(69px);
-ms-transform: translateX(489px) translateY(1083px);
transform: translateX(-224px) translateY(218px);
}
}
.circle:nth-child(30) {
width: 383px;
height: 383px;
left: 64%;
top: 95%;
box-shadow: inset 0 0 191.5px cyan;
-webkit-animation: move30 9s infinite linear;
-moz-animation: move30 9s infinite linear;
-o-animation: move30 9s infinite linear;
animation: move30 9s infinite linear;
-webkit-animation-delay: 9.9s;
animation-delay: 9.9s;
}
@-webkit-keyframes move31 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-273px) translateY(353px);
-ms-transform: translateX(121px) translateY(661px);
transform: translateX(-169px) translateY(-137px);
}
}
@-moz-keyframes move31 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1272px) translateY(480px);
-ms-transform: translateX(-121px) translateY(1013px);
transform: translateX(-11px) translateY(911px);
}
}
@-o-keyframes move31 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(605px) translateY(-108px);
-ms-transform: translateX(420px) translateY(-225px);
transform: translateX(446px) translateY(946px);
}
}
@keyframes move31 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-161px) translateY(505px);
-ms-transform: translateX(-3px) translateY(-236px);
transform: translateX(-265px) translateY(180px);
}
}
.circle:nth-child(31) {
width: 82px;
height: 82px;
left: 93%;
top: 42%;
box-shadow: inset 0 0 41px cyan;
-webkit-animation: move31 9s infinite linear;
-moz-animation: move31 9s infinite linear;
-o-animation: move31 9s infinite linear;
animation: move31 9s infinite linear;
-webkit-animation-delay: 10.23s;
animation-delay: 10.23s;
}
@-webkit-keyframes move32 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-39px) translateY(14px);
-ms-transform: translateX(873px) translateY(-323px);
transform: translateX(64px) translateY(-6px);
}
}
@-moz-keyframes move32 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-142px) translateY(427px);
-ms-transform: translateX(296px) translateY(542px);
transform: translateX(655px) translateY(-494px);
}
}
@-o-keyframes move32 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1031px) translateY(-147px);
-ms-transform: translateX(-299px) translateY(-7px);
transform: translateX(54px) translateY(326px);
}
}
@keyframes move32 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-85px) translateY(1320px);
-ms-transform: translateX(-154px) translateY(498px);
transform: translateX(-82px) translateY(120px);
}
}
.circle:nth-child(32) {
width: 279px;
height: 279px;
left: 28%;
top: 92%;
box-shadow: inset 0 0 139.5px cyan;
-webkit-animation: move32 9s infinite linear;
-moz-animation: move32 9s infinite linear;
-o-animation: move32 9s infinite linear;
animation: move32 9s infinite linear;
-webkit-animation-delay: 10.56s;
animation-delay: 10.56s;
}
@-webkit-keyframes move33 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(59px) translateY(-31px);
-ms-transform: translateX(-97px) translateY(-1px);
transform: translateX(-172px) translateY(663px);
}
}
@-moz-keyframes move33 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1448px) translateY(538px);
-ms-transform: translateX(908px) translateY(435px);
transform: translateX(567px) translateY(1021px);
}
}
@-o-keyframes move33 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-115px) translateY(23px);
-ms-transform: translateX(-380px) translateY(-259px);
transform: translateX(193px) translateY(-95px);
}
}
@keyframes move33 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-201px) translateY(1147px);
-ms-transform: translateX(209px) translateY(191px);
transform: translateX(527px) translateY(-49px);
}
}
.circle:nth-child(33) {
width: 283px;
height: 283px;
left: 25%;
top: 5%;
box-shadow: inset 0 0 141.5px cyan;
-webkit-animation: move33 9s infinite linear;
-moz-animation: move33 9s infinite linear;
-o-animation: move33 9s infinite linear;
animation: move33 9s infinite linear;
-webkit-animation-delay: 10.89s;
animation-delay: 10.89s;
}
@-webkit-keyframes move34 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(296px) translateY(697px);
-ms-transform: translateX(-97px) translateY(1384px);
transform: translateX(613px) translateY(811px);
}
}
@-moz-keyframes move34 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(897px) translateY(440px);
-ms-transform: translateX(99px) translateY(540px);
transform: translateX(156px) translateY(342px);
}
}
@-o-keyframes move34 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(953px) translateY(-389px);
-ms-transform: translateX(-178px) translateY(-67px);
transform: translateX(-520px) translateY(-256px);
}
}
@keyframes move34 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-26px) translateY(398px);
-ms-transform: translateX(-154px) translateY(-61px);
transform: translateX(1008px) translateY(68px);
}
}
.circle:nth-child(34) {
width: 248px;
height: 248px;
left: 51%;
top: 10%;
box-shadow: inset 0 0 124px cyan;
-webkit-animation: move34 9s infinite linear;
-moz-animation: move34 9s infinite linear;
-o-animation: move34 9s infinite linear;
animation: move34 9s infinite linear;
-webkit-animation-delay: 11.22s;
animation-delay: 11.22s;
}
@-webkit-keyframes move35 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-42px) translateY(106px);
-ms-transform: translateX(-256px) translateY(174px);
transform: translateX(-365px) translateY(405px);
}
}
@-moz-keyframes move35 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(669px) translateY(-47px);
-ms-transform: translateX(7px) translateY(464px);
transform: translateX(130px) translateY(-1px);
}
}
@-o-keyframes move35 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(411px) translateY(-190px);
-ms-transform: translateX(966px) translateY(562px);
transform: translateX(-211px) translateY(950px);
}
}
@keyframes move35 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-70px) translateY(905px);
-ms-transform: translateX(411px) translateY(1014px);
transform: translateX(-4px) translateY(-161px);
}
}
.circle:nth-child(35) {
width: 348px;
height: 348px;
left: 88%;
top: 13%;
box-shadow: inset 0 0 174px cyan;
-webkit-animation: move35 9s infinite linear;
-moz-animation: move35 9s infinite linear;
-o-animation: move35 9s infinite linear;
animation: move35 9s infinite linear;
-webkit-animation-delay: 11.55s;
animation-delay: 11.55s;
}
@-webkit-keyframes move36 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(908px) translateY(-69px);
-ms-transform: translateX(-265px) translateY(728px);
transform: translateX(-236px) translateY(488px);
}
}
@-moz-keyframes move36 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(912px) translateY(-10px);
-ms-transform: translateX(231px) translateY(-201px);
transform: translateX(378px) translateY(84px);
}
}
@-o-keyframes move36 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-681px) translateY(74px);
-ms-transform: translateX(153px) translateY(207px);
transform: translateX(1287px) translateY(123px);
}
}
@keyframes move36 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-132px) translateY(522px);
-ms-transform: translateX(-7px) translateY(-139px);
transform: translateX(-10px) translateY(571px);
}
}
.circle:nth-child(36) {
width: 358px;
height: 358px;
left: 14%;
top: 35%;
box-shadow: inset 0 0 179px cyan;
-webkit-animation: move36 9s infinite linear;
-moz-animation: move36 9s infinite linear;
-o-animation: move36 9s infinite linear;
animation: move36 9s infinite linear;
-webkit-animation-delay: 11.88s;
animation-delay: 11.88s;
}
@-webkit-keyframes move37 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-140px) translateY(235px);
-ms-transform: translateX(1351px) translateY(363px);
transform: translateX(734px) translateY(-618px);
}
}
@-moz-keyframes move37 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-113px) translateY(-118px);
-ms-transform: translateX(-348px) translateY(698px);
transform: translateX(199px) translateY(763px);
}
}
@-o-keyframes move37 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-3px) translateY(129px);
-ms-transform: translateX(-97px) translateY(9px);
transform: translateX(428px) translateY(560px);
}
}
@keyframes move37 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-135px) translateY(1114px);
-ms-transform: translateX(-90px) translateY(-174px);
transform: translateX(-156px) translateY(589px);
}
}
.circle:nth-child(37) {
width: 133px;
height: 133px;
left: 13%;
top: 13%;
box-shadow: inset 0 0 66.5px cyan;
-webkit-animation: move37 9s infinite linear;
-moz-animation: move37 9s infinite linear;
-o-animation: move37 9s infinite linear;
animation: move37 9s infinite linear;
-webkit-animation-delay: 12.21s;
animation-delay: 12.21s;
}
@-webkit-keyframes move38 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-312px) translateY(-430px);
-ms-transform: translateX(-85px) translateY(-35px);
transform: translateX(208px) translateY(-219px);
}
}
@-moz-keyframes move38 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(323px) translateY(-96px);
-ms-transform: translateX(-29px) translateY(118px);
transform: translateX(308px) translateY(-2px);
}
}
@-o-keyframes move38 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(236px) translateY(-543px);
-ms-transform: translateX(429px) translateY(330px);
transform: translateX(-62px) translateY(208px);
}
}
@keyframes move38 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(498px) translateY(567px);
-ms-transform: translateX(-312px) translateY(1099px);
transform: translateX(-242px) translateY(-117px);
}
}
.circle:nth-child(38) {
width: 167px;
height: 167px;
left: 73%;
top: 33%;
box-shadow: inset 0 0 83.5px cyan;
-webkit-animation: move38 9s infinite linear;
-moz-animation: move38 9s infinite linear;
-o-animation: move38 9s infinite linear;
animation: move38 9s infinite linear;
-webkit-animation-delay: 12.54s;
animation-delay: 12.54s;
}
@-webkit-keyframes move39 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-89px) translateY(-255px);
-ms-transform: translateX(880px) translateY(658px);
transform: translateX(112px) translateY(536px);
}
}
@-moz-keyframes move39 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(472px) translateY(-6px);
-ms-transform: translateX(116px) translateY(-111px);
transform: translateX(1099px) translateY(1309px);
}
}
@-o-keyframes move39 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1028px) translateY(519px);
-ms-transform: translateX(-614px) translateY(590px);
transform: translateX(-313px) translateY(-127px);
}
}
@keyframes move39 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-44px) translateY(225px);
-ms-transform: translateX(628px) translateY(-50px);
transform: translateX(1225px) translateY(756px);
}
}
.circle:nth-child(39) {
width: 218px;
height: 218px;
left: 7%;
top: 28%;
box-shadow: inset 0 0 109px cyan;
-webkit-animation: move39 9s infinite linear;
-moz-animation: move39 9s infinite linear;
-o-animation: move39 9s infinite linear;
animation: move39 9s infinite linear;
-webkit-animation-delay: 12.87s;
animation-delay: 12.87s;
}
@-webkit-keyframes move40 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-157px) translateY(853px);
-ms-transform: translateX(711px) translateY(489px);
transform: translateX(-346px) translateY(797px);
}
}
@-moz-keyframes move40 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-93px) translateY(-58px);
-ms-transform: translateX(-288px) translateY(-102px);
transform: translateX(854px) translateY(-117px);
}
}
@-o-keyframes move40 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(289px) translateY(693px);
-ms-transform: translateX(-279px) translateY(-213px);
transform: translateX(-19px) translateY(22px);
}
}
@keyframes move40 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-78px) translateY(1004px);
-ms-transform: translateX(-396px) translateY(-31px);
transform: translateX(180px) translateY(880px);
}
}
.circle:nth-child(40) {
width: 325px;
height: 325px;
left: 5%;
top: 80%;
box-shadow: inset 0 0 162.5px cyan;
-webkit-animation: move40 9s infinite linear;
-moz-animation: move40 9s infinite linear;
-o-animation: move40 9s infinite linear;
animation: move40 9s infinite linear;
-webkit-animation-delay: 13.2s;
animation-delay: 13.2s;
}
@-webkit-keyframes move41 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-50px) translateY(-17px);
-ms-transform: translateX(291px) translateY(16px);
transform: translateX(885px) translateY(-235px);
}
}
@-moz-keyframes move41 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-534px) translateY(431px);
-ms-transform: translateX(-538px) translateY(216px);
transform: translateX(594px) translateY(-399px);
}
}
@-o-keyframes move41 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(516px) translateY(-353px);
-ms-transform: translateX(378px) translateY(616px);
transform: translateX(732px) translateY(-117px);
}
}
@keyframes move41 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-328px) translateY(433px);
-ms-transform: translateX(1197px) translateY(-274px);
transform: translateX(404px) translateY(-7px);
}
}
.circle:nth-child(41) {
width: 108px;
height: 108px;
left: 91%;
top: 56%;
box-shadow: inset 0 0 54px cyan;
-webkit-animation: move41 9s infinite linear;
-moz-animation: move41 9s infinite linear;
-o-animation: move41 9s infinite linear;
animation: move41 9s infinite linear;
-webkit-animation-delay: 13.53s;
animation-delay: 13.53s;
}
@-webkit-keyframes move42 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(401px) translateY(-3px);
-ms-transform: translateX(555px) translateY(1053px);
transform: translateX(-160px) translateY(1045px);
}
}
@-moz-keyframes move42 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(370px) translateY(960px);
-ms-transform: translateX(1177px) translateY(-202px);
transform: translateX(-258px) translateY(702px);
}
}
@-o-keyframes move42 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-22px) translateY(-112px);
-ms-transform: translateX(-164px) translateY(57px);
transform: translateX(199px) translateY(-103px);
}
}
@keyframes move42 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(519px) translateY(-8px);
-ms-transform: translateX(-162px) translateY(-382px);
transform: translateX(1205px) translateY(395px);
}
}
.circle:nth-child(42) {
width: 306px;
height: 306px;
left: 95%;
top: 60%;
box-shadow: inset 0 0 153px cyan;
-webkit-animation: move42 9s infinite linear;
-moz-animation: move42 9s infinite linear;
-o-animation: move42 9s infinite linear;
animation: move42 9s infinite linear;
-webkit-animation-delay: 13.86s;
animation-delay: 13.86s;
}
@-webkit-keyframes move43 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-18px) translateY(-304px);
-ms-transform: translateX(-163px) translateY(1131px);
transform: translateX(-119px) translateY(664px);
}
}
@-moz-keyframes move43 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-29px) translateY(-33px);
-ms-transform: translateX(5px) translateY(1095px);
transform: translateX(517px) translateY(139px);
}
}
@-o-keyframes move43 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(184px) translateY(-296px);
-ms-transform: translateX(-241px) translateY(304px);
transform: translateX(-126px) translateY(436px);
}
}
@keyframes move43 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-137px) translateY(637px);
-ms-transform: translateX(412px) translateY(-1px);
transform: translateX(-438px) translateY(-440px);
}
}
.circle:nth-child(43) {
width: 32px;
height: 32px;
left: 69%;
top: 69%;
box-shadow: inset 0 0 16px cyan;
-webkit-animation: move43 9s infinite linear;
-moz-animation: move43 9s infinite linear;
-o-animation: move43 9s infinite linear;
animation: move43 9s infinite linear;
-webkit-animation-delay: 14.19s;
animation-delay: 14.19s;
}
@-webkit-keyframes move44 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-432px) translateY(964px);
-ms-transform: translateX(1005px) translateY(-323px);
transform: translateX(431px) translateY(110px);
}
}
@-moz-keyframes move44 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-134px) translateY(-66px);
-ms-transform: translateX(539px) translateY(475px);
transform: translateX(-218px) translateY(1110px);
}
}
@-o-keyframes move44 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(440px) translateY(898px);
-ms-transform: translateX(-39px) translateY(-591px);
transform: translateX(-554px) translateY(-118px);
}
}
@keyframes move44 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1009px) translateY(-3px);
-ms-transform: translateX(-375px) translateY(621px);
transform: translateX(176px) translateY(-255px);
}
}
.circle:nth-child(44) {
width: 385px;
height: 385px;
left: 55%;
top: 7%;
box-shadow: inset 0 0 192.5px cyan;
-webkit-animation: move44 9s infinite linear;
-moz-animation: move44 9s infinite linear;
-o-animation: move44 9s infinite linear;
animation: move44 9s infinite linear;
-webkit-animation-delay: 14.52s;
animation-delay: 14.52s;
}
@-webkit-keyframes move45 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(960px) translateY(-72px);
-ms-transform: translateX(-4px) translateY(-192px);
transform: translateX(8px) translateY(-272px);
}
}
@-moz-keyframes move45 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(101px) translateY(-204px);
-ms-transform: translateX(447px) translateY(208px);
transform: translateX(62px) translateY(831px);
}
}
@-o-keyframes move45 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(32px) translateY(559px);
-ms-transform: translateX(685px) translateY(233px);
transform: translateX(551px) translateY(-148px);
}
}
@keyframes move45 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-183px) translateY(-505px);
-ms-transform: translateX(713px) translateY(-41px);
transform: translateX(-599px) translateY(1187px);
}
}
.circle:nth-child(45) {
width: 145px;
height: 145px;
left: 49%;
top: 20%;
box-shadow: inset 0 0 72.5px cyan;
-webkit-animation: move45 9s infinite linear;
-moz-animation: move45 9s infinite linear;
-o-animation: move45 9s infinite linear;
animation: move45 9s infinite linear;
-webkit-animation-delay: 14.85s;
animation-delay: 14.85s;
}
@-webkit-keyframes move46 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(861px) translateY(-286px);
-ms-transform: translateX(-449px) translateY(688px);
transform: translateX(-237px) translateY(-111px);
}
}
@-moz-keyframes move46 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(674px) translateY(-28px);
-ms-transform: translateX(745px) translateY(1090px);
transform: translateX(-285px) translateY(-166px);
}
}
@-o-keyframes move46 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(95px) translateY(-202px);
-ms-transform: translateX(32px) translateY(114px);
transform: translateX(208px) translateY(737px);
}
}
@keyframes move46 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-3px) translateY(137px);
-ms-transform: translateX(-91px) translateY(243px);
transform: translateX(802px) translateY(499px);
}
}
.circle:nth-child(46) {
width: 3px;
height: 3px;
left: 6%;
top: 33%;
box-shadow: inset 0 0 1.5px cyan;
-webkit-animation: move46 9s infinite linear;
-moz-animation: move46 9s infinite linear;
-o-animation: move46 9s infinite linear;
animation: move46 9s infinite linear;
-webkit-animation-delay: 15.18s;
animation-delay: 15.18s;
}
@-webkit-keyframes move47 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(553px) translateY(281px);
-ms-transform: translateX(-350px) translateY(-275px);
transform: translateX(551px) translateY(-120px);
}
}
@-moz-keyframes move47 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(971px) translateY(1141px);
-ms-transform: translateX(-15px) translateY(389px);
transform: translateX(-14px) translateY(320px);
}
}
@-o-keyframes move47 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(778px) translateY(1009px);
-ms-transform: translateX(-63px) translateY(184px);
transform: translateX(-131px) translateY(39px);
}
}
@keyframes move47 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-261px) translateY(-84px);
-ms-transform: translateX(768px) translateY(69px);
transform: translateX(-62px) translateY(-52px);
}
}
.circle:nth-child(47) {
width: 280px;
height: 280px;
left: 36%;
top: 18%;
box-shadow: inset 0 0 140px cyan;
-webkit-animation: move47 9s infinite linear;
-moz-animation: move47 9s infinite linear;
-o-animation: move47 9s infinite linear;
animation: move47 9s infinite linear;
-webkit-animation-delay: 15.51s;
animation-delay: 15.51s;
}
@-webkit-keyframes move48 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-346px) translateY(198px);
-ms-transform: translateX(193px) translateY(1134px);
transform: translateX(264px) translateY(-214px);
}
}
@-moz-keyframes move48 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-33px) translateY(-184px);
-ms-transform: translateX(-11px) translateY(213px);
transform: translateX(875px) translateY(209px);
}
}
@-o-keyframes move48 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-495px) translateY(224px);
-ms-transform: translateX(-14px) translateY(-105px);
transform: translateX(1294px) translateY(-80px);
}
}
@keyframes move48 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(319px) translateY(611px);
-ms-transform: translateX(620px) translateY(-85px);
transform: translateX(-57px) translateY(-192px);
}
}
.circle:nth-child(48) {
width: 7px;
height: 7px;
left: 8%;
top: 49%;
box-shadow: inset 0 0 3.5px cyan;
-webkit-animation: move48 9s infinite linear;
-moz-animation: move48 9s infinite linear;
-o-animation: move48 9s infinite linear;
animation: move48 9s infinite linear;
-webkit-animation-delay: 15.84s;
animation-delay: 15.84s;
}
@-webkit-keyframes move49 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(157px) translateY(82px);
-ms-transform: translateX(-83px) translateY(-114px);
transform: translateX(-46px) translateY(-120px);
}
}
@-moz-keyframes move49 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(1255px) translateY(-121px);
-ms-transform: translateX(-50px) translateY(244px);
transform: translateX(-532px) translateY(285px);
}
}
@-o-keyframes move49 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(47px) translateY(-54px);
-ms-transform: translateX(-11px) translateY(-162px);
transform: translateX(-481px) translateY(-492px);
}
}
@keyframes move49 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-318px) translateY(-357px);
-ms-transform: translateX(-45px) translateY(-228px);
transform: translateX(120px) translateY(-42px);
}
}
.circle:nth-child(49) {
width: 151px;
height: 151px;
left: 84%;
top: 65%;
box-shadow: inset 0 0 75.5px cyan;
-webkit-animation: move49 9s infinite linear;
-moz-animation: move49 9s infinite linear;
-o-animation: move49 9s infinite linear;
animation: move49 9s infinite linear;
-webkit-animation-delay: 16.17s;
animation-delay: 16.17s;
}
@-webkit-keyframes move50 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(78px) translateY(852px);
-ms-transform: translateX(-576px) translateY(909px);
transform: translateX(152px) translateY(472px);
}
}
@-moz-keyframes move50 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-101px) translateY(-97px);
-ms-transform: translateX(-343px) translateY(263px);
transform: translateX(275px) translateY(-17px);
}
}
@-o-keyframes move50 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(760px) translateY(-24px);
-ms-transform: translateX(-2px) translateY(-276px);
transform: translateX(299px) translateY(760px);
}
}
@keyframes move50 {
33% {
opacity: 0.33;
}
66% {
opacity: 0.05;
}
100% {
width: 0;
height: 0;
opacity: 0;
-webkit-transform: translateX(-59px) translateY(291px);
-ms-transform: translateX(-267px) translateY(532px);
transform: translateX(937px) translateY(-2px);
}
}
.circle:nth-child(50) {
width: 156px;
height: 156px;
left: 79%;
top: 81%;
box-shadow: inset 0 0 78px cyan;
-webkit-animation: move50 9s infinite linear;
-moz-animation: move50 9s infinite linear;
-o-animation: move50 9s infinite linear;
animation: move50 9s infinite linear;
-webkit-animation-delay: 16.5s;
animation-delay: 16.5s;
}