@keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  body {
    
    background-color: #0e0d0d;
   
    padding: 0;
    
    color: #ffffff;
    margin:0;
}
  .gradient {
    
    position: absolute; /* Position the gradient absolutely */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-image: linear-gradient(rgba(#1B1E47), #000000);
    z-index: -1;
    filter: blur(calc(var(--size) / 5));
    background-image: linear-gradient(rgba(#1B1E47), #000000);
    
  }
  
  
  

    
  
  

  
  /* This is just to transition when you change the viewport size. */
  * {
    transition: all 0.25s ease-out;
  }