html {
  height: 100%;
  background-color: #222;
  background-image:
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),    
    
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),    
    
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),    
    
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),    
    
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),    
    
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),    
    
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    radial-gradient(white 50%,transparent 75% ),
    
    radial-gradient(red 50%, white 75% );
  
  background-position:
    50% calc(50% - 1em),
    50% calc(50% - 2em),
    50% calc(50% - 3em),
    50% calc(50% - 4em),
    50% calc(50% - 5em),
    50% calc(50% - 6em),
    50% calc(50% - 7em),
    50% calc(50% - 8em),
    50% calc(50% - 9em),
    50% calc(50% - 10em),
    
    calc(50% - 1em) 50%,
    calc(50% - 2em) 50%,
    calc(50% - 3em) 50%,
    calc(50% - 4em) 50%,
    calc(50% - 5em) 50%,
    calc(50% - 6em) 50%,
    calc(50% - 7em) 50%,
    calc(50% - 8em) 50%,
    calc(50% - 9em) 50%,
    calc(50% - 10em) 50%,
    
    50% calc(50% + 1em),
    50% calc(50% + 2em),
    50% calc(50% + 3em),
    50% calc(50% + 4em),
    50% calc(50% + 5em),
    50% calc(50% + 6em),
    50% calc(50% + 7em),
    50% calc(50% + 8em),
    50% calc(50% + 9em),
    50% calc(50% + 10em),
    
    calc(50% + 1em) 50%,
    calc(50% + 2em) 50%,
    calc(50% + 3em) 50%,
    calc(50% + 4em) 50%,
    calc(50% + 5em) 50%,
    calc(50% + 6em) 50%,
    calc(50% + 7em) 50%,
    calc(50% + 8em) 50%,
    calc(50% + 9em) 50%,
    calc(50% + 10em) 50%,
    
    calc(50% + 1em) calc(50% + 1em),
    calc(50% + 2em) calc(50% + 2em),
    calc(50% + 3em) calc(50% + 3em),
    calc(50% + 4em) calc(50% + 4em),
    calc(50% + 5em) calc(50% + 5em),
    calc(50% + 6em) calc(50% + 6em),
    calc(50% + 7em) calc(50% + 7em),
    calc(50% + 8em) calc(50% + 8em),
    calc(50% + 9em) calc(50% + 9em),
    calc(50% + 10em) calc(50% + 10em),
    
    calc(50% + 1em) calc(50% - 1em),
    calc(50% + 2em) calc(50% - 2em),
    calc(50% + 3em) calc(50% - 3em),
    calc(50% + 4em) calc(50% - 4em),
    calc(50% + 5em) calc(50% - 5em),
    calc(50% + 6em) calc(50% - 6em),
    calc(50% + 7em) calc(50% - 7em),
    calc(50% + 8em) calc(50% - 8em),
    calc(50% + 9em) calc(50% - 9em),
    calc(50% + 10em) calc(50% - 10em),
    
    calc(50% - 1em) calc(50% - 1em),
    calc(50% - 2em) calc(50% - 2em),
    calc(50% - 3em) calc(50% - 3em),
    calc(50% - 4em) calc(50% - 4em),
    calc(50% - 5em) calc(50% - 5em),
    calc(50% - 6em) calc(50% - 6em),
    calc(50% - 7em) calc(50% - 7em),
    calc(50% - 8em) calc(50% - 8em),
    calc(50% - 9em) calc(50% - 9em),
    calc(50% - 10em) calc(50% - 10em),
    
    calc(50% - 1em) calc(50% + 1em),
    calc(50% - 2em) calc(50% + 2em),
    calc(50% - 3em) calc(50% + 3em),
    calc(50% - 4em) calc(50% + 4em),
    calc(50% - 5em) calc(50% + 5em),
    calc(50% - 6em) calc(50% + 6em),
    calc(50% - 7em) calc(50% + 7em),
    calc(50% - 8em) calc(50% + 8em),
    calc(50% - 9em) calc(50% + 9em),
    calc(50% - 10em) calc(50% + 10em);
  background-size:
    .1em .1em;
  
  background-repeat: no-repeat;
  animation: wave 1s linear infinite;
  }

@keyframes wave {
  0% {
    background-size:
      1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .3em .1em,
      .1em .1em;
    }
  10% {
    background-size:
      2em 1em,
      1em .3em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em;
    }
  20% {
    background-size:
      .3em 1em,
      1em 2em,
      .3em 1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em;
    }
  30% {
    background-size:
      .1em .1em,
      1em .3em,
      2em 1em,
      1em .3em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em;
    }
  40% {
    background-size:
      .1em .1em,
      .1em .1em,
      .3em 1em,
      1em 2em,
      .3em 1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em;
    }
  50% {
    background-size:
      .1em .1em,
      .1em .1em,
      .1em .1em,
      1em .3em,
      2em 1em,
      1em .3em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em;
    }
  60% {
    background-size:
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .3em 1em,
      1em 2em,
      .3em 1em,
      .1em .1em,
      .1em .1em,
      .1em .1em;
    }
  70% {
    background-size:
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      1em .3em,
      2em 1em,
      1em .3em,
      .1em .1em,
      .1em .1em;
    }
  80% {
    background-size:
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .3em 1em,
      1em 2em,
      .3em 1em,
      .1em .1em;
    }
  90% {
    background-size:
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      1em .3em,
      2em 1em,
      1em .3em;
    }
  100% {
    background-size:
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .1em .1em,
      .3em 1em,
      1em 2em;
    }
  }