body{
  background-image:
    
    /* blue */
    
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 85%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 80%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 75%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 70%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 65%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 60%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 55%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 50%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 45%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 40%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 35%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 30%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 25%,
      transparent 0
      ),
    radial-gradient(
      circle,
      rgba(0, 0, 255, .5) 20%,
      transparent 0
      ),
    
    
    /* green */
    
    radial-gradient(
      circle,      
      rgba(0, 255, 0, .5) 20%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 25%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 30%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 35%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 40%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 45%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 55%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 60%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 65%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 70%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 75%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 80%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(0, 255, 0, .5) 85%,
      transparent 0
      ),
    
    
    /* red */
    
    radial-gradient(
      circle,      
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      ),
    radial-gradient(
      circle, 
      rgba(255, 0, 0, 1) 50%,
      transparent 0
      );  
 

  background-size: 30px 30px;

  
  background-repeat: repeat-x;
  

  background-position:
    
    /* blue and green */
    0 0, 
    0 30px, 
    0 60px, 
    0 90px, 
    0 120px, 
    0 150px, 
    0 180px,
    0 210px,
    0 240px,
    0 270px,
    0 300px,
    0 330px,
    0 360px,
    0 390px;
  }