.rotate-image {
    animation: rotateAnimation 200s linear infinite;
  }
  
  @keyframes rotateAnimation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }


  .typing-text span {
    opacity: 0;
    animation: fadeIn 0.05s forwards;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  

.gradient-bg {

    /* background: #1751ff;
    background: linear-gradient(90deg, rgba(23, 81, 255, 1) 0%, rgba(131, 139, 216, 1) 100%); */

    background: #202A4F;
    background: linear-gradient(90deg, rgba(32, 42, 79, 1) 0%, rgba(91, 121, 222, 1) 100%);
}



.glass-effect{

  /* From https://css.glass */
background: rgba(32, 42, 79, 0.74);
/* border-radius: 2px; */
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(9.2px);
-webkit-backdrop-filter: blur(9.2px);
border: 1px solid rgba(32, 42, 79, 0.35);
color: white !important;
}


/* .curve-background{

  background-image: url('./img/curve-background.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  

} */

.curve-background {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.curve-background::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('./img/curve-background\ -\ Copy.png');
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.04; /* 👈 your desired opacity */
  z-index: -1;
}

.overpass-font{

  font-family: Overpass, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}

.roboto-font{

  font-family: Roboto, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}


.footer-cover {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.footer-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('./img/footer-cover.png');
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.04; /* 👈 your desired opacity */
  z-index: -1;
}