#blob {
    background-color: white;
    height: 34vmax;
    aspect-ratio: 1;
    position: fixed;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    border-radius: 50%;
    background: linear-gradient(to right, Cyan, mediumpurple);
    animation: rotate 20s infinite;
    opacity: 0.8;
    z-index: -2;
}

#blur {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
    backdrop-filter: blur(12vmax);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@keyframes rotate {
  from {
    rotate: 0deg;
  }

  50% {
    scale: 1 1.5;
  }

  to {
    rotate: 360deg;
  }
}

/* ---------------------------- Dark Mode ---------------------------- */
[data-theme="dark"] #blob{
    background: linear-gradient(to right, aquamarine, mediumpurple);
}