@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 1.2s ease-out forwards;
}

body {
  font-family: 'Roboto', 'Montserrat', sans-serif;
}

.logo-hover:hover h1 {
  color: #2563eb;
}

.company-card img {
  transition: transform 0.3s;
}

.company-card:hover img {
  transform: scale(1.05);
}

.social-icon {
  transition: color 0.2s;
}

.footer-link:hover {
  text-decoration: underline;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fade-in 1s cubic-bezier(.4, 0, .2, 1) 0.2s both;
}

.animate-fade-in-slow {
  animation: fade-in 1.4s cubic-bezier(.4, 0, .2, 1) 0.5s both;
}

.animate-fade-in-slower {
  animation: fade-in 1.8s cubic-bezier(.4, 0, .2, 1) 0.8s both;
}