* {
  font-family: inter, sans-serif;
  overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #1A1A1A;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #00D4FF, #00FF88);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #00D4FF;
}

/* Firefox Scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: #00D4FF #1A1A1A;
}

.animate-gradient-text {
      background-size: 200% 200%;
      animation: gradientMove .5s linear infinite;
    }

.animate-fill {
    animation: fillRight .5s ease-out forwards;
  }


@keyframes gradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

@keyframes fillRight {
    from { width: 0px; }
    to { width: 40px; }
  }