/* 
STYLES
*/
.fullscreen{
    z-index: 0;
    object-fit: cover;
    background-repeat: repeat;
    height: 100%;
}

.blurry-ellipse {
    position: absolute;
    border-radius: 50% / 40%;
    filter: blur(3.125rem);
    z-index: 1000;
  }
  
  .ellipse1 {
    width: 18.75rem;
    height: 9.5rem;
    background: rgba(146, 208, 255, 0.798);
    animation: moveEllipse1 16s ease-in-out infinite alternate;
  }
  
  .ellipse2 {
    width: 12.5rem;
    height: 6.25rem;
    background: rgba(172, 80, 117, 0.824);
    animation: moveEllipse2 15s ease-in-out infinite alternate;
  }
  
  .ellipse3 {
    width: 10.94rem;
    height: 6.25rem;
    background: rgba(147, 119, 195, 0.824);
    animation: moveEllipse3 17s ease-in-out infinite alternate;
  }
  
  @keyframes moveEllipse1 {
    0% {
      top: 10%;
      left: 0%;
      transform: scale(1);
    }
    50% {
      top: 40%;
      left: 40%;
      transform: scale(1.2);
    }
    100% {
      top: 80%;
      left: 100%;
      transform: scale(1);
    }
  }
  
  @keyframes moveEllipse2 {
    0% {
      top: 70%;
      left: 100%;
      transform: scale(1);
    }
    50% {
      top: 30%;
      left: 50%;
      transform: scale(1.3) rotate(20deg);
    }
    100% {
      top: 0%;
      left: 0%;
      transform: scale(1);
    }
  }
  
  @keyframes moveEllipse3 {
    0% {
      top: 0%;
      left: 0%;
      transform: scale(1);
    }
    50% {
      top: 50%;
      left: 10%;
      transform: scale(1.4);
    }
    100% {
      top: 100%;
      left: 70%;
      transform: scale(1);
    }
  }