.font-geist { font-family: 'Geist', sans-serif !important; }

/* Animations: default paused until in view */
.animate-on-scroll { animation-play-state: paused !important; }
.animate-on-scroll.animate { animation-play-state: running !important; }

html { scroll-behavior: smooth; }
input, select, textarea { outline: none; }
select { -webkit-appearance: none; appearance: none; }

@keyframes fadeSlideIn {
  0% { opacity: 0; transform: translateY(30px); filter: blur(8px); }
  100% { opacity: 1; transform: translateY(0); filter: blur(0px); }
}

/* Tech logos */
.tech-logo{
  width: 104px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .60;
  transition: opacity .25s ease, transform .25s ease;
  filter: grayscale(1);
}
.tech-logo:hover{
  opacity: 1;
  transform: translateY(-1px);
}
.tech-logo svg{
  width: 72px;
  height: 28px;
  fill: rgba(255,255,255,.92);
}
@media (max-width: 480px){
  .tech-logo{ width: 92px; height: 40px; }
  .tech-logo svg{ width: 64px; height: 26px; }
}

/* Mobile menu */
#mobileMenu{
  transform: translateX(100%);
  transition: transform 300ms ease-out;
  will-change: transform;
}
#mobileMenuOverlay{
  transition: opacity 200ms ease-out;
}