html {
    scroll-behavior: smooth;
  }
  body {
  font-family: Poppins !important;
   -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */

}
  .gradient-text {
    background: linear-gradient(to right, #4f46e5, #9333ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .colorful-box {
    background: linear-gradient(to right, #f472b6, #60a5fa);
  }

  @keyframes blink {
  0%, 100% { border-color: transparent; }
  50% { border-color: #9333ea; }
}
.animate-blink {
  animation: blink 1s step-start infinite;
}
@keyframes spin-slow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-spin-slow {
  animation: spin-slow 2s linear infinite;
}

  @media only screen and (max-width: 600px) {
  #top-navbar{
padding-left:1em ;
padding-right: 1em;
  }}
  @keyframes fadeOut {
to {
  opacity: 0;
  visibility: hidden;
}
}
.animate__fadeOut {
animation: fadeOut 1s forwards;
}