.bg-gradinet-blue {
    background: radial-gradient(67.01% 67.01% at 50% 50%, #1362D8 0%, #00145B 100%);
}
.bg-gradinet-teal {
    background: radial-gradient(67.69% 67.69% at 50% 50%, #429F89 0%, #00473F 100%);
}
.bg-gradinet-orange {
    background: radial-gradient(71.26% 71.26% at 50% 50%, #E47E52 0%, #781D00 100%);
}
.bg-gradinet-violet {
    background: radial-gradient(71.26% 71.26% at 50% 50%, #8041BF 0%, #290952 100%);
}

.bg-gradient-blue-text {
    background: linear-gradient(158deg, #826FFF 1.14%, #511CFF 51.87%, #00D1FF 104.76%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}


.animate-spinStar {
    -webkit-animation: spin 16s linear infinite;
            animation: spin 16s linear infinite;
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }