body{
    /*background-image:linear-gradient(to right,#fffbd5,
    #d13e5c) ;*/
    background-image: linear-gradient(to right,#c6ffdd,
    #fbd786 , #f7797d );
    color: black;
}
h1{
  flex: 1;
  opacity: 0;
  animation: slideInFromTop 1s ease-out forwards;
}
.para{
    
    flex: 1; /* Allow the paragraph to take up remaining space */
    opacity: 0; /* Initially set opacity to 0 to make it invisible */
    animation: fadeIn 1s ease forwards; /* Apply fadeIn animation */
    
    
      
}
.image{
    max-width: 100%; /* Ensure images don't exceed their container */
    
      margin-bottom: 10px; /* Add space between images */
      opacity: 0; /* Initially set opacity to 0 to make it invisible */
      animation: fadeIn 1s ease forwards; /* Apply fadeIn animation */
      animation-delay: 1s;
}

@keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateX(-20px); /* Optional: You can add a slight upward movement */
    }
    to {
      opacity: 1;
      transform: translateX(100);
    }
  }
  @keyframes slideInFromTop {
      0%{
        transform: translateY(-100%);
        opacity: 0;
      }    
      100%{
        transform: translateY(0);
        opacity: 1;
      }
  }
  h1 {
    font-size: 70px;
    font-weight: 600;
    background-image: radial-gradient(ellipse, #bd600f, #68656F);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-family: "Ovo", Lora;
text-transform: uppercase;
  }