/* Global custom styles for the portfolio */

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f7f8f6;
}

::-webkit-scrollbar-thumb {
  background: #848c67;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #697050;
}

/* Fade-in animation used by hero content */
.fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0;
  transform: translateY(20px);
}

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

/* Utility to lock scrolling when the lightbox is open */
.lightbox-open {
  overflow: hidden;
}

.to-transparent {
  --tw-gradient-to: #2a2d21 var(--tw-gradient-to-position) !important;
}

.nav-link
{
  text-transform: uppercase;
}

#hero-text
{
  font-size: 18px !important;
}

* {
  font-family: "Homenaje", sans-serif !important;
}

@media(max-width: 450px)
{
  #hero-text
  {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
        .animate-bounce {
          bottom: -1px !important; 
          left: 0 !important;
          right: 0 !important;
          margin-left: auto !important;
          margin-right: auto !important;
          width: fit-content !important; 
        }

      }