body.admin-bar .blob-container {
    width: 90vw;
    height: 90vh;
    overflow: visible;
  }

  .home .blob-layer {
    margin-top: -10vh !important;
  }

  .blob-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }
  .blob-container span {
    position: absolute;
    width: 50vw;
    height: 50vw;
    max-width: 600px;
    max-height: 600px;
    min-width: 320px;
    min-height: 320px;
  }
  .blob-container span.blob-image {
    width: 50vw;
    z-index: 10;
    background-image: url("../images/logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    animation: rotate 15s linear infinite;
  }
  .blob-container span.blob-center-main {
    z-index: -1;
    --size: 50vw;
    --speed: 5s;
    --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
    filter: blur(calc(var(--size) / 10));
    background-image: linear-gradient(rgb(181, 26, 165), hsl(252, 82%, 57%));
    animation: rotate var(--speed) var(--easing) infinite alternate;
    animation-delay: 500ms;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    top: -5vh;
    border: 1px solid red;
  }
  .blob-container span.blob-top-left {
    --size: 80vw;
    --speed: 5s;
    --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
    width: 20vw;
    height: 20vw;
    z-index: 1;
    left: 5vw;
    top: 5vw;
    filter: blur(calc(var(--size) / 10));
    background-image: linear-gradient(rgb(26, 181, 26), hsl(252, 82%, 57%));
    animation: rotate var(--speed) var(--easing) infinite alternate;
    border-radius: 40% 50% 50% 40%/30% 30% 70% 70%;
  }
  .blob-container span.blob-bottom-left {
    --size: 80vw;
    --speed: 5s;
    --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
    width: 40vw;
    height: 40vw;
    z-index: 1;
    left: 10vw;
    top: 15vw;
    filter: blur(calc(var(--size) / 10));
    background-image: linear-gradient(#4e009e, hsl(252, 82%, 57%));
    animation: rotate var(--speed) var(--easing) infinite alternate;
    border-radius: 40% 50% 50% 40%/30% 30% 70% 70%;
  }
  .blob-container span.blob-bottom-right {
    --size: 80vw;
    --speed: 5s;
    --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
    width: 40vw;
    height: 40vw;
    z-index: 1;
    right: 0vw;
    bottom: 0vh;
    filter: blur(calc(var(--size) / 10));
    background-image: linear-gradient(#140525, hsl(252, 82%, 57%));
    animation: rotate var(--speed) var(--easing) infinite alternate;
    border-radius: 40% 50% 50% 40%/30% 30% 70% 70%;
  }
  .blob-container span.blob-layer {
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    width: 50vw;
    height: 50vw;
    max-width: 600px;
    max-height: 60vh;
    min-width: 320px;
    min-height: 320px;
  }
  .blob-container span.blob-layer.show {
    opacity: 0;
  }
  .blob-container span.blob-layer {
    margin-top: -65vh;
  }
  @media screen and (max-width: 640px) {
    .blob-container span.blob-layer {
      animation: none !important;
      opacity: 0.1 !important;
      width: 100vw;
      height: 120vw;
    }
  }
  .blob-container span.blob-layer-1 {
    opacity: 0;
    background-image: url("../images/blob/1.svg");
    animation: rotatelayer 15s linear infinite;
  }
  .blob-container span.blob-layer-2 {
    opacity: 0;
    background-image: url("../images/blob/2.svg");
    animation: rotatelayer 13s linear infinite;
    animation-delay: 500ms;
  }
  .blob-container span.blob-layer-3 {
    opacity: 0;
    background-image: url("../images/blob/3.svg");
    animation: rotatelayer 16s linear infinite;
    animation-delay: 1000ms;
  }
  .blob-container span.blob-layer-4 {
    opacity: 0;
    background-image: url("../images/blob/4.svg");
    animation: rotatelayer 11s linear infinite;
    animation-delay: 1500ms;
  }
  .blob-container span.blob-layer-5 {
    opacity: 0;
    background-image: url("../images/blob/5.svg");
    animation: rotatelayer 12s linear infinite;
    animation-delay: 2000ms;
  }
  .blob-container span.blob-layer-6 {
    opacity: 0;
    background-image: url("../images/blob/6.svg");
    animation: rotatelayer 11s linear infinite;
    animation-delay: 2500ms;
  }
  .blob-container span.blob-layer-7 {
    opacity: 0;
    background-image: url("../images/blob/7.svg");
    animation: rotatelayer 14s linear infinite;
    animation-delay: 3000ms;
  }
  .blob-container span.blob-layer-8 {
    opacity: 0;
    background-image: url("../images/blob/8.svg");
    animation: rotatelayer 18s linear infinite;
    animation-delay: 3500ms;
  }
  .blob-container span.blob-layer-9 {
    opacity: 0;
    background-image: url("../images/blob/9.svg");
    animation: rotatelayer 20s linear infinite;
    animation-delay: 4000ms;
  }
  .blob-container span.blob-layer-10 {
    opacity: 0;
    background-image: url("../images/blob/10.svg");
    animation: rotatelayer 25s linear infinite;
    animation-delay: 4500ms;
  }
  .blob-container span.blob-mobile {
    display: none;
    background-image: url("../images/logo.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 120vw;
    top: -10vh;
    opacity: 0.3;
  }
  @media screen and (max-width: 768px) {
    .blob-container span {
      display: none !important;
    }
    .blob-container span.blob-mobile {
      display: block !important;
    }
    .blob-container span.blob-image {
      margin-top: 0;
    }
    .blob-container span.blob-center-main {
      width: 80vw;
      height: 80vw;
      filter: blur(15vw);
    }
    .blob-container span.blob-top-left {
      display: none;
    }
    .blob-container span.blob-bottom-left {
      display: none;
    }
    .blob-container span.blob-bottom-right {
      display: none;
    }
  }

  @keyframes move {
    from {
      transform: translate(-50%, -50%) rotate(0deg);
      border-radius: 24% 76% 35% 65%/27% 36% 64% 73%;
    }
    to {
      transform: translate(-50%, -50%) rotate(360deg);
      border-radius: 76% 24% 33% 67%/68% 55% 45% 32%;
    }
  }
  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes rotatelayer {
    0% {
      transform: rotate(0deg);
    }
    30% {
      opacity: 0.5;
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @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");
    }
  }