/* Animations from lostcpu.de by LostCPU Network */
@keyframes fadeIn {
    from {
        opacity: 0;
                transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes fadeInX {
    from {
        opacity: 0;
                transform: translateX(-25px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.hero-left {
    animation: fadeInX 1s ease-out;
}

.support-section {
    animation: fadeIn 0.4s ease-out;
}



.portfolio-section {
    animation: fadeIn 0.4s ease-out;
}




@media (max-width: 769px) {
.hero-left {
    animation: fadeIn 1s ease-out;
} 
}


.fade-text {
  opacity: 0;
  transform: translateY(10px);
  filter: blur(6px);
  animation: fadeType 1.2s ease forwards;
  animation-delay: 0.3s;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

@keyframes fadeType {
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

.button-support {
  opacity: 0;
  transform: translateY(10px);
  filter: blur(6px);
  animation: fadeType 1.2s ease forwards;
  animation-delay: 0.3s;
}


.animation {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 0.3s;
}

.animation00 {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 0;
}

.animation02 {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 0.2s;
}

.animation04 {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 0.4s;
}

.animation06 {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 0.6s;
}


.animation08 {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 0.8s;
}

.animation1 {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 1s;
}

.animation1b {
    opacity: 0;
    transform: translateY(-10px);
    filter: blur(6px);
    animation: fadeType 1.2s ease forwards;
    animation-delay: 1s;
}


#nav-menu a,
#nav-menu .mobile-login {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(6px);
}


#nav-menu.active a,
#nav-menu.active .mobile-login {
    animation: fadeType 0.8s ease forwards;
}


#nav-menu.active a:nth-child(1) { animation-delay: 0.1s; }
#nav-menu.active a:nth-child(2) { animation-delay: 0.2s; }
#nav-menu.active a:nth-child(3) { animation-delay: 0.3s; }
#nav-menu.active a:nth-child(4) { animation-delay: 0.4s; }
#nav-menu.active a:nth-child(5) { animation-delay: 0.5s; }
#nav-menu.active a:nth-child(6) { animation-delay: 0.6s; }

#nav-menu.active .mobile-login {
    animation-delay: 0.7s;
}