@font-face {
  font-family: 'Inter';
  src: url('~@/assets/fonts/Inter-Font.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}
input,
textarea,
select {
  font-size: 16px;
}
body {
  font-family: 'Inter', sans-serif;
}

.font-white {
  color: #FFFFFF;
}

/* For WebKit-based browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px; /* Width for vertical scrollbar */
  height: 8px; /* Height for horizontal scrollbar */
}

/* Track (background of scrollbar) */
::-webkit-scrollbar-track {
  background: #f0f0f0; /* Light gray */
  border-radius: 10px; /* Rounded corners */
}

/* Handle (draggable part) */
::-webkit-scrollbar-thumb {
  background: #b0b0b0; /* Medium gray */
  border-radius: 10px; /* Smooth rounded scrollbar */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #909090; /* Darker gray for better visibility */
}

/* Firefox (scrollbar-color only) */
* {
  scrollbar-width: thin;
  scrollbar-color: #b0b0b0 #f0f0f0;
}

@keyframes toastFade {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-20px);
  }
  10% {
    opacity: 1;
    transform: translateX(-50%) translateY(0px);
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-20px);
  }
}

h1 strong {
  color: #b3f50d;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

h2 {
  color: #b3f50d;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}