/* orange blob */
#top-blob {
  padding-left: 100px;
  margin-left: -100px;
  padding-top: -95px;
  background-color: var(--theme-color);
  background-image: linear-gradient(341deg, var(--theme-color) 0%, #feb086 100%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  animation: topblob 20s ease-in-out infinite;
  transform-origin: 50% 50%;
}

@keyframes topblob {
  0%   {   border-top-right-radius: 43% 0%;
        border-bottom-right-radius: 134% 172%;
        border-bottom-left-radius: 40% 173%;  
       }
  30%  {   border-top-right-radius: 43% 0%;
        border-bottom-right-radius: 194% 102%;
        border-bottom-left-radius: 40% 103%; 
       }

  60%  {   border-top-right-radius: 43% 0%;
        border-bottom-right-radius: 84% 52%;
        border-bottom-left-radius: 170% 183%; 
       }

  100% {   border-top-right-radius: 43% 0%;
        border-bottom-right-radius: 134% 172%;
        border-bottom-left-radius: 40% 173%;  
       }
}

.active-blob{
  position: absolute;
  fill: var(--theme-color);
  width: 80vh;
  z-index: -1;
  animation: activeblob 30s ease-in-out infinite;
  transform-origin: 20% 20%; 
opacity: .2;
}

@keyframes activeblob {
  0%   { transform: scale(1)   translate(10px, -30px);}
  38%  { transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg);}
  40%  { transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg); } 
  78%  { transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg); }
  80%  { transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg); }
  100% { transform: scale(1)   translate(10px, -30px); }
}

/* bullet right to left */
.bullet-bill-wrapper {

  overflow-x: hidden;
  
}
.bullet-bill-animate-img {
  width: 80vh;
  position: absolute;
  z-index: -1;
  opacity: 20%;
  animation: bulletbill 10s linear infinite;
} 

@keyframes bulletbill {
  0% {
    right: -100%;
  }
  100% {
      right: 140%; 
  }
}

.blob-wrapper{
  width: 100%;
  height: 30vh;
  position:relative;
}
.blob {
  overflow: visible;
  max-height:auto;
  width:100%;
 
}

.front g{
  transform: translate(200px,-240px) !important;
}

@media (min-width: 992px) {   
  .front g{
    transform: translate(200px,210px) !important;
  }
}

.blob path {
 animation: blob 27s linear  infinite , rot 53s linear infinite;
}
@keyframes blob {
  0% {    d:path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
  }
  25% {   d:path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
  }
  50% {    d:path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
  }
  75% {    d:path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
  }
  100% {    d:path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
  }
}


@keyframes rot {

}