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

.petroleum {
  color: #006d77;
}

.bg-petroleum {
  background-color: #006d77;
}

.text-petroleum {
  color: #006d77;
}

.hover\:bg-petroleum:hover {
  background-color: #006d77;
}

.logo-glow {
  filter: drop-shadow(0 0 20px #006d77aa);
}

@keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-down {
  animation: fade-in-down 0.8s ease-out forwards;
}