.text{
    text-transform: uppercase; 
    background-image: linear-gradient(to right, #263b62, #5b81e2, #2305e6, #292d2a);
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent;
    
    background-size: 300%;
    background-position: -100%;  
    
    animation: animatedText 5s infinite alternate-reverse;
  }
  
  @keyframes animatedText{
    to{
      background-position: 100%; 
    }
}


.text1{
    text-transform: uppercase; 
    background-image: linear-gradient(to right, #0c582c, #5a1b4f, #2b0df1, #961f1f);
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent;
    
    background-size: 300%;
    background-position: -100%;  
    
    animation: animatedText 5s infinite alternate-reverse;
  }
  
  @keyframes animatedText{
    to{
      background-position: 100%; 
    }
}


#home {
    margin: 10vw 0 10vw 0;
}

#pricing {
    padding-top: 120px;
    padding-bottom: 120px;
}
  

@media (max-width: 767.98px) {
    #upload1 {
        padding-bottom: 5%;
    }
    #main-content {
        text-align: center;
    }

}