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

.flicker-random{
    animation: flickerRandom 3s infinite;
  }
  
  .blurry-ellipse {
    position: absolute;
    border-radius: 50% / 40%;
    filter: blur(3.125rem);
    z-index: 1000;
  }
  
  .ellipse1 {
    width: 25rem;
    height: 15rem;
    background: rgb(13, 13, 14);
    animation: moveEllipse1 20s ease-in-out infinite alternate;
  }
  
  .ellipse2 {
    width: 22rem;
    height: 14rem;
    background: rgba(13, 13, 14, 0.798);
    animation: moveEllipse2 28s ease-in-out infinite alternate;
  }

  .ellipse3 {
    width: 18rem;
    height: 16rem;
    background: rgba(13, 13, 14, 0.798);
    animation: moveEllipse3 23s ease-in-out infinite alternate;
  }


  @keyframes flickerRandom {
    0%   { filter: brightness(1); }
    3%   { filter: brightness(1.5); }
    6%   { filter: brightness(1); }
    9%   { filter: brightness(1.2); }
    15%  { filter: brightness(1); }
    22%  { filter: brightness(0.5); }
    25%  { filter: brightness(1); }
    30%  { filter: brightness(1.6); }
    33%  { filter: brightness(1); }
    40%  { filter: brightness(1.3); }
    43%  { filter: brightness(1); }
    55%  { filter: brightness(0.4); }
    57%  { filter: brightness(1); }
    68%  { filter: brightness(1.4); }
    70%  { filter: brightness(1); }
    85%  { filter: brightness(1.3); }
    87%  { filter: brightness(1); }
    100% { filter: brightness(1); }
  }

  @keyframes moveEllipse1 {
    0% {
      top: 50%;
      left: 10%;
      
    }
    50% {
      top: 60%;
      left: 50%;
    
    }
    100% {
      top: 50%;
      left: 90%;
    }
  }
  
  @keyframes moveEllipse2 {
    0% {
        top: 10%;
        left: 40%;
        
      }
      20% {
        top: 50%;
        left: 15%;
      
      }
      100% {
        top: 80%;
        left: 50%;
        
      }
    }

    @keyframes moveEllipse3 {
        0% {
            top: 90%;
            left: 80%;
            
          }
          40% {
            top: 60%;
            left: 30%;
          
          }
          100% {
            top: 10%;
            left: 10%;
            
          }
        }