.blob {
    animation-name: blobby;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-direction: alternate;
}

trst {
  -webkit-box-shadow: 5px 5px 15px 5px rgba(46,46,218,1); 
  box-shadow: 0px 0px 5px 10px rgba(46,46,218,0.7);
}


.blob.one {
  background: radial-gradient(circle, rgba(46,46,218,0.8) 35%, rgba(46,46,218,0.3) 100%);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(46,46,218,1); 
  box-shadow: 0px 0px 5px 10px rgba(46,46,218,0.63);
}

  @keyframes blobby {
    0% {
      border-radius: 50%;
      transform: rotate(0deg);
    }
    20% {
      border-radius: 41% 59% 41% 59% / 53% 51% 49% 47%;
      transform: rotate(36deg);
    }
    40% {
      border-radius: 43% 57% 41% 59% / 53% 52% 48% 47%;
      transform: rotate(72deg);
    }
    80% {
      border-radius: 48% 52% 41% 59% / 48% 58% 42% 52%;
      transform: rotate(108deg);
    }
    100% {
      border-radius: 54% 46% 60% 40% / 43% 55% 45% 57%;
      transform: rotate(144deg);
    }
  }