/**************/
/* ANIMATION */
/**************/

* { scroll-behavior: smooth; }

@keyframes fadeIn {
  0%    { opacity:0; }
  100%  { opacity:1; }
}

@keyframes font-glow {
  from  { text-shadow: 0 0 0px #aef4af; }
  to    { text-shadow: 0 0 5px #aef4af, 0 0 10px #aef4af, 0 0 15px #aef4af, 0 0 20px #aef4af, 0 0 30px #aef4af, 0 0 40px #aef4af; }
}

@keyframes glow {
  from  { box-shadow: 0 0 10px -10px #aef4af; }
  to    { box-shadow: 0 0 10px 10px #aef4af;  }
}

/**************/
/* FONTS */
/**************/

@font-face {
  font-family: 'Arachne';
  src: url('../src/fonts/Arachne_Demonic.otf');
}

@font-face {
  font-family: 'FiraCode';
  src: url('../src/fonts/FiraCode.ttf');
}

@font-face {
  font-family: 'Kenoky';
  src: url('../src/fonts/KenokyLight.ttf');
}

@font-face {
  font-family: 'Labrada';
  src: url('../src/fonts/Labrada.ttf');
}

@font-face {
  font-family: 'RobotoCondensed';
  src: url('../src/fonts/RobotoCondensed.ttf');
}

/**************/
/* SCROLLBAR */
/**************/

html {
  scrollbar-width: none;
 -ms-overflow-style: none;
}

/* Whole scrollbar */
::-webkit-scrollbar {
  width: 4px; /* Adjust scrollbar width */
  display: none;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Change track background color */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; /* Change handle background color */
  border-radius: 4px; /* If you want rounded scrollbars */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* Change handle color when hovering */
}

/**************/
/* SELECTION HIGHLIGHT */
/**************/

::selection {
  background-color: #aef4af;
  color: #000;
}

::-moz-selection {
  background-color: #aef4af;
  color: #000;
}