A Pen by Ethan Marshall

Thumbnail
This awesome code was written by 321, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright 321 ©
  • HTML
  • CSS
<!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;
}

Comments