.blobs {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:white;
  margin:auto;
  filter:blur(20px) contrast(2);
  animation:demonstration 10s linear infinite;
/*  overflow: hidden;*/
}


.blob {
  position:absolute;
  left:70%;
  top:50%;
  margin-top:-100px;
  margin-left:-100px;
  border-radius:100%;
}

.big-blob {
	width: 140vw;
	height: 140vw;
	left: -60vw;
	bottom: 0vw;
	opacity: 0.7;
	filter:blur(12vw) contrast(1);
	background: aqua;
  transition: all 1s ease-in;
  display: block;
}
  .big-blob:hover {
    background: chartreuse;
    transition: all 1s ease-in;
  }

@keyframes blob-anim-1{
  0%{
	transform:translate(5vw, -7vw);
  }
  50%{
	 transform:translate(6vw, 1vw);
  }
  100%{
	transform:translate(-2vw, 5vw);
  }
}
.blob:nth-child(2){
  background: #793FDF;
  animation:blob-anim-2 ease-in-out 2s infinite alternate;
  width:10vw;
  height:8vw;
}

@keyframes blob-anim-2{
  0%{
	transform:translate(3vw, 7vw);
  }
  50%{
	 transform:translate(-6vw, 4vw);
  }
  100%{
	transform:translate(3vw, -5vw);
  }
}
.blob:nth-child(2){
  background: #00F;
/*  background: #7091F5;*/
  animation:blob-anim-2 ease-in-out 3s infinite alternate;
  width:16vw;
  height:12vw;
}

@keyframes blob-anim-3{
  0%{
	  transform:translate(-15vw, -10vw);
/*    background-color: rgb(71, 249, 141);*/
  }
  50%{
	  transform:translate(5vw, -3vw);
/*    background-color: rgb(184, 231, 132);*/
  }
  100%{
	  transform:translate(-7vw, 6vw);
/*    background-color: rgb(45, 148, 220);*/
  }
}
.blob:nth-child(3){
  animation:blob-anim-3 ease-in-out 3s infinite alternate;
  background: #DCFFB7;
  width: 33vw;
  height: 32vw;
}
@keyframes blob-anim-4{
  0%{
	transform:translateX(5vw);
	width: 25vw;
  height: 28vw;
  }
  100%{
	transform:translatey(5vw);
  }
}
.blob:nth-child(4){
  animation:blob-anim-4 ease-in-out 3s infinite alternate;
  background: #6528F7;
  width: 24vw;
  height:18vw;
}
@keyframes blob-anim-5{
  0%{
	  transform:translate(18vw, 4vw);
/*    background-color: rgb(255, 0, 0);*/
  }
  25%{
	  transform:translate(11vw, -4vw);
/*    background-color: rgb(175, 80, 0)*/
  }
  50%{
	  transform:translate(2vw, 1vw);
/*    background-color: rgb(80, 175, 0)*/
  }
  100%{
	  transform:translate(-5vw, 4vw);
/*    background-color: rgb(0, 255, 0)*/
  }
}
.blob:nth-child(5){
/*  background: #FF2DD1;*/
  animation:blob-anim-5 ease-in-out 6s infinite alternate;
  width: 35vw;
  height: 25vw;
}
@keyframes blob-anim-6{
  0%{
	  transform:translate(27vw, 11vw);
	  width: 50vw;
	  height: 40vw;
  }
  25%{
	  transform:translate(7vw, -12vw);
  }
  50%{
	  transform:translate(9vw, 7vw);
  }
  100%{
	  transform:translate(-4vw, 11vw);
  }
}
.blob:nth-child(6) {
  background: #FFD3A3;
  animation:blob-anim-6 ease-in-out 8s infinite alternate;
  width: 25vw;
  height: 30vw;
}