*{ overscroll-behavior: none; }

.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.font-quicksand {
  font-family: 'Quicksand', sans-serif;
}

.font-righteous{
  font-family: 'Righteous', sans-serif;
}

.mission-div{
  height: 4.6em;
  width: 14em;
  background-color: #212124;
  border-radius: 1.5em;
  box-shadow: inset 0 0.25em 0.5em rgba(100, 100, 100, 0.25);
  color: #212124;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;   
  justify-content: center;
}

.mission-div-gray{
  background-color: #57585A;
  color: #ffff;
  box-shadow: inset 0 0.25em 0.5em rgba(225, 225, 225, 0.45);
}

.gradient-background {
  background: radial-gradient(ellipse at center, #626469 0%, #14151A 35%);
}

footer {
  color: #989BA1;
}

ion-icon {
  color: #ffff;
  size: 24em;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

@keyframes glideLeftRight {
  0%   { transform: translateX(-3px); }
  25%  { transform: translateX(3px); }
  50%  { transform: translateX(-3px); }
  75%  { transform: translateX(3px); }
  100% { transform: translateX(-3px); }
}

.animate-left-right {
  animation: glideLeftRight 2s ease-in-out infinite;
  display: inline-block; /* Ensures transform works correctly */
}